@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

.ctt_admin { display:none; }


/* 그누보드 충돌 방지용 고유 스타일 */
.gb_safety_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    color: #333;
}

/* 제목 스타일 */
.gb_safety_header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.gb_safety_title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
    line-height: 1.2;
}

.gb_safety_title img {
    width: 50px;
    position: relative;
    top: 7px;
}

.gb_safety_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url('https://cdn-icons-png.flaticon.com/512/1039/1039328.png') no-repeat center center; /* 예시 아이콘, 필요시 이미지 경로 수정 */
    background-size: contain;
    /* 이미지가 없다면 아래 주석 해제하여 CSS로 대체 가능 */
    /* width: 6px; height: 24px; background-color: #e65100; margin-right: 12px; border-radius: 2px; */
}

/* 테이블 반응형 스크롤 컨테이너 */
.gb_safety_table_container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 2px solid #2e86c1; /* 상단 파란색 굵은 선 */
}

/* 테이블 기본 스타일 */
.gb_safety_table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px; /* 모바일에서 표가 너무 찌그러지지 않도록 최소 너비 설정 */
    font-size: 14px;
}

.gb_safety_table th, 
.gb_safety_table td {
    padding: 12px 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    word-break: keep-all;
}

.gb_safety_table th:last-child,
.gb_safety_table td:last-child {
    border-right: none;
}

/* 헤더 스타일 */
.gb_safety_table th {
    background-color: #348bc7; /* 요청하신 이미지의 파란색 톤 */
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
}

/* 짝수 줄 배경색 (가독성) */
.gb_safety_table tbody tr:nth-child(even) {
    background-color: #f9fbff;
}

/* 호버 효과 */
.gb_safety_table tbody tr:hover {
    background-color: #f1f1f1;
}

/* 하단 텍스트 */
.gb_safety_footer {
    text-align: right;
    margin-top: 15px;
    color: #2e86c1;
    font-weight: bold;
    font-size: 16px;
}