@charset "utf-8";

/* ======================================== */
/* 2026.01.21 호시담 3순위 추가 css */
/* ======================================== */

/* ========== 공통 class 추가 ========== */
/* gap */
.gap_5{ gap: 0.5rem;}

/* color */
.fc_blue{ color: var(--blue);}
a.fc_blue:hover{ color: var(--blue);}
.fc_danger{ color: var(--danger);}

/* 라인 헤이트 */
.line_h1_3{ line-height: 1.3;}

/*글자 줄임말/자르기*/
.line_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;word-break: break-all;}
.line1_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;}
.line2_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
.line3_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;}

hr.line{ display: block; width: 100%; border-top: 1px solid #e3e3e3;}

.gray_rounded_box{ background: #F8F9FA; border-radius: 1rem; width: fit-content;}
.gray_line_rounded_box{ border: 1px solid #e3e3e3; border-radius: 1rem; width: fit-content;}


/* ========== 공통요소 수정 ========== */
/* 체크박스 */
.checks.no_text{display: block;}
.checks.no_text input[type="checkbox"]+label{
    padding: 0;
    margin: 0;
    width: 2rem;
    height: 2rem;
}
.checks.no_text input[type="checkbox"]+label:before,
.checks.no_text input[type="checkbox"]:checked+label:after{
    top: 0;
    left: 0;
}


/* ========== 단체검사 첫페이지 ========== */
.group_gr_pg .gd_tb {
    text-align: center;
    text-wrap: wrap;
    word-wrap: break-word;
    word-break: keep-all;
}
.group_gr_pg .gd_tb .title_td{ text-align: left;}

.group_gr_pg .ip_wr{ margin-top: 2.4rem;}


/* ========== 단체검사 설정 ========== */
/* 학교 로고 */
.group_gr_pg .logo_sin_btn{ width: 15rem;}

/* 툴팁버튼 */
div:has(> .tooltip_btn){ display: flex; align-items: center;}
.tooltip_btn{ width: 2.2rem; height: 2.2rem; padding: 0; margin: 0; margin-left: 0.5rem;}

body:has(.group_gr_pg) .tooltip .tooltip-inner {
    font-size: 1.3rem;
    padding: 0.5rem 0.8rem;
    border-radius: 0.5rem;
}

/* 라디오 + 인풋 정렬 */
.check_with_ip{ display: flex; align-items: center; gap: 0.5rem;}
.check_with_ip .short_input{ max-width: 8rem;}

/* 인풋 디자인 */
/* 3순위 페이지 안에서만 적용 */
.group_gr_pg .form-control:disabled{ background: #E3E3E3 !important;}
.group_gr_pg .ip_wr textarea.form-control{ border-color: #E3E3E3;}

/* 체크박스, 라디오 그룹 */
.slt_ctr_group{ display: flex; flex-wrap: wrap; gap: 3rem; row-gap: 1.2rem;}


/* ========== 단체검사 명단관리 ========== */
.total_count_box{
    width: fit-content;
    padding: 2.4rem 3rem;
    border-radius: 1rem;
    background: #F6F6E3;
    margin-bottom: 3rem;
}
.total_count_list{
    display: inline-flex;
    gap: 5rem;
}
.total_count_item{
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.total_count_list .count_tit{font-size: 1.5rem; font-weight: 500; color: #53682D;}
.total_count_list .count_num{font-size: 1.8rem; font-weight: 600;}

/* 검사 안내 발송 모달 */
.talk_preview{ padding: 1.5rem; border-radius: 0.8rem; background: #F6F6F6; max-height: 20rem; overflow-y: auto;}

/* 파일 업로드 디자인 */
.ip_file_custom{ display: flex; align-items: center; gap: 1rem;}
.ip_file_custom .btn{ flex-shrink: 0; margin: 0;}
.ip_file_custom input[type=file]{ display: none;}

/* 엑셀양식 다운로드 */
.excel_down_btn, .excel_down_btn:hover{ text-decoration: underline;}

/* 페이지네이션 여백 */
.fd_pg .table_scroll .pagination{ margin: 1rem;}