@charset "utf-8";

/* ============================================================
   [1] 공통 요소 (칩, 버튼, 페이지네이션)
   ============================================================ */
.chip {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    min-width: 70px;
}

/* [진행중/체험중] - 메인 골드 포인트 */
.status_ing {
    background-color: var(--point) !important; /* 메인 골드 꽉 채우기 */
    color: #fff !important; /* 글자는 흰색으로 선명하게 */
    border: 1px solid var(--gold_dark);
    box-shadow: 0 4px 10px rgba(197, 160, 89, 0.3); /* 은은한 그림자 효과 */
    position: relative;
    overflow: hidden;
}
.status_ing::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.2);
    animation: pulse_gold 2s infinite;
}
@keyframes pulse_gold {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
/* [대기] - 연한 브라운/베이지 */
.status_wait {
    background-color: #f9f6f2;
    color: #8d735b;
    border: 1px solid #e8e1d9;
}

/* [종료] - 차분한 웜그레이 */
.status_end {
    background-color: #f5f5f5;
    color: #b0b0b0;
    border: 1px solid #eeeeee;
    font-weight: 500;
}

.btn_history {
    background: #fff;
    border: 1px solid var(--gray_dd);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    color: var(--gray_3);
    cursor: pointer;
    line-height: 1;
    transition: 0.2s;
}
.btn_history:hover { background: var(--gray_f8); color: var(--point); border-color: var(--point); }

/* ============================================================
   [2] 리셀러 관리 보드 (7컬럼 관리자용)
   - .reseller_manage_list 전용
   ============================================================ */
/* PC 레이아웃 */
.reseller_manage_list .manage_grid {
    display: grid !important;
    grid-template-columns: 120px 250px 150px 100px 120px 1fr 100px !important;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid var(--gray_ee);
}
.reseller_manage_list .board_header {
    background: var(--gray_f9);
    font-weight: 700;
    padding: 15px 0;
    border-top: 2px solid var(--point) !important;
}
.reseller_manage_list .board_item { padding: 15px 0; background: #fff; border-bottom: 1px solid var(--gray_ee); }
.reseller_manage_list .grid_name { padding: 0 15px !important; text-align: left !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.reseller_manage_list .grid_tel { color: #ef6c00; }
.reseller_manage_list .grid_memo { text-align: left !important; padding: 0 15px !important; }
.reseller_manage_list .memo_trunk { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }

/* 리셀러 관리 모바일 (900px 미만) */
@media screen and (max-width: 900px) {
    .reseller_manage_list .manage_grid {
        /* [핵심] 업체명(1fr)이 가운데서 남은 공간을 다 먹도록 설정 */
        display: grid !important;
        grid-template-columns: 85px 1fr 110px 85px !important;
        gap: 0 !important; /* 간격을 0으로 하고 내부 패딩으로 조절 */
        padding: 12px 5px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 업체명: 왼쪽 정렬 유지하며 공간 꽉 채우기 */
    .reseller_manage_list .grid_name {
        display: block !important;
        width: 100% !important;
        padding: 0 8px !important;
        text-align: left !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 나머지 항목들 중앙 정렬로 균형 잡기 */
    .reseller_manage_list .grid_date,
    .reseller_manage_list .grid_tel,
    .reseller_manage_list .grid_status {
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center !important;
        font-size: 12px !important;
    }

    .reseller_manage_list .grid_date { color: #888; font-size: 11px !important; }
    .reseller_manage_list .grid_tel { color: #ef6c00; letter-spacing: -0.5px; }

    /* 상태 칩 크기 최적화 */
    .chip {
        padding: 5px !important;
        font-size: 11px !important;
        min-width: 60px;
    }

    /* [필독] 사라지는 항목들 - 공간 차지하지 않도록 제거 */
    .reseller_manage_list .grid_end_date,
    .reseller_manage_list .grid_memo,
    .reseller_manage_list .grid_history {
        display: none !important;
    }
}

/* 480px 이하 아주 작은 화면 */
@media screen and (max-width: 480px) {
    .reseller_manage_list .manage_grid {
        grid-template-columns: 75px 1fr 100px 70px !important; /* 비율 미세조정 */
        padding: 10px 0 !important;
    }
    .reseller_manage_list .grid_name { font-size: 12px !important; padding: 0 4px !important; }
    .reseller_manage_list .grid_tel { font-size: 11px !important; }
}

/* ============================================================
   [3] 교육센터 게시판 (4컬럼 리스트용)
   - .edu_board 전용
   ============================================================ */
/* 검색 영역 보정 */
.edu_board .board_search_area { display: flex !important; justify-content: center !important; margin-bottom: 30px !important; }
.edu_board .board_search_area form { display: flex !important; align-items: center !important; }
.edu_board .search_select select { height: 45px; border: 1px solid var(--gray_dd); border-right: none; border-radius: 4px 0 0 4px; padding: 0 10px; background: var(--gray_f9); }
.edu_board .search_input { display: flex; border: 1px solid var(--gray_dd); border-radius: 0 4px 4px 0; overflow: hidden; background: #fff; }
.edu_board .search_input input { height: 43px; border: none !important; padding: 0 15px; width: 250px; }
.edu_board .search_input button { width: 50px; height: 43px; background: var(--gray_f9); border: none !important; border-left: 1px solid var(--gray_dd) !important; }

/* PC 레이아웃 */
.edu_board .board_grid {
    display: grid !important;
    grid-template-columns: 90px 1fr 140px 120px !important;
    align-items: center;
    border-bottom: 1px solid var(--gray_ee) !important;
}
.edu_board .board_header { background: var(--gray_f9); font-weight: 700; padding: 15px 0; text-align: center; border-top: 2px solid var(--point) !important; }
.edu_board .board_item { padding: 18px 0; border-bottom: 1px solid var(--gray_ee); }
.edu_board .grid_num, .edu_board .grid_writer, .edu_board .grid_date { text-align: center; color: var(--gray_6); }
.edu_board .grid_subject { padding: 0 30px; text-align: left; }
.edu_board .grid_subject a { color: var(--gray_3); display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 교육센터 모바일 (768px 미만) */
@media screen and (max-width: 768px) {
    .edu_board .search_input input { width: auto; flex: 1; }
    .edu_board .board_grid { display: block !important; padding: 18px 15px !important; }
    .edu_board .board_header { display: none !important; }

    .edu_board .grid_num { display: block !important; text-align: left !important; font-size: 12px; color: var(--point); margin-bottom: 5px; }
    .edu_board .grid_subject { display: block !important; padding: 0 !important; margin-bottom: 10px; }
    .edu_board .grid_subject a { display: block !important; white-space: normal !important; font-size: 16px; font-weight: 600; line-height: 1.4; }

    .edu_board .grid_writer, .edu_board .grid_date { display: inline-block !important; font-size: 13px; width: auto !important; }
    .edu_board .grid_writer::after { content: "|"; margin: 0 8px; color: var(--gray_ee); }
}