/**
 * Google Drive PDF Viewer - Button Group Style
 * Version: 7.0
 */

/* 전체적인 '버튼 그룹' 스타일 적용 */
.gdrive-pdf-viewer-container {
    background: transparent;
    border: none;
    padding: 0;
}

/* 탭 버튼들을 감싸는 컨테이너 */
.gdrive-tab-bar {
    display: flex; /* 버튼들을 가로로 나열 */
    flex-wrap: wrap;
    border: 1px solid #DBDBDB; /* 그룹 전체를 감싸는 테두리 */
    border-radius: 3px;
    overflow: hidden; /* 모서리 밖으로 나가는 자식 요소 숨김 */
}

/* 기본 탭 버튼 스타일 (비활성 상태) */
.gdrive-tab-link {
    position: relative;
    background-color: #fff; /* 비활성 탭: 흰 배경 */
    border: none; /* 개별 테두리 제거 */
    border-right: 1px solid #DBDBDB; /* 오른쪽 구분선 */
    padding: 10px 25px; /* 버튼 크기 조정 */
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    color: #6A6A6A; /* 비활성 탭: 어두운 글씨 */
    transition: background-color 0.2s ease-in-out;
    flex-grow: 1; /* 가능한 공간을 균등하게 차지 */
    text-align: center;
}

/* 마지막 탭 버튼의 오른쪽 구분선 제거 */
.gdrive-tab-link:last-child {
    border-right: none;
}

.gdrive-tab-link:hover {
    background-color: #f5f5f5;
}

/* 활성 탭: 어두운 배경, 흰색 글씨 */
.gdrive-tab-link.active {
    background-color: #888888; /* 활성 탭: 어두운 배경 */
    color: #fff; /* 활성 탭: 흰색 글씨 */
}

/* 복잡한 그림자 및 입체 효과 제거 */
.gdrive-tab-content {
    display: none;
    padding-top: 20px; /* 탭 그룹과 드롭다운 사이의 간격 */
}

.gdrive-dropdown-wrapper {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

.gdrive-dropdown-wrapper select {
    width: 100%;
    padding: 16px 15px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 10px;
    cursor: pointer;
}

#gdrive-pdf-iframe {
    width: 100%;
    height: 1100px;
    margin-top: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background-color: #fff;
}

.gdrive-pdf-error {
    padding: 15px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    border-radius: 4px;
}