<style>
    /* 전체 컨테이너: 가로 꽉 채움 및 다른 레이아웃 오염 방지 */
    .guild_container {
        width: 100vw !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
        color: #e0e0e0 !important;
        overflow-x: hidden !important;
    }

    /* 랭킹 테이블 레이아웃 */
    .table_guild_list {
        width: 100% !important;
        margin: 0 !important;
        border-collapse: collapse !important; /* 각진 스타일 핵심 */
        background: transparent !important;
        border: none !important;
        border-top: 1px solid #333 !important;
        border-bottom: 1px solid #333 !important;
    }

    /* 테이블 헤더: 다크한 그라데이션 및 각진 테두리 */
    .table_guild_list th {
        padding: 15px 10px !important;
        text-align: center !important;
        font-weight: 800 !important;
        background: #222 !important;
        color: #777 !important;
        border: 1px solid #333 !important;
        font-size: 13px !important;
        letter-spacing: 1px !important;
    }

    /* 셀 디자인 */
    .table_guild_list td {
        padding: 15px 10px !important;
        text-align: center !important;
        color: #ccc !important;
        border: 1px solid #222 !important;
        font-size: 14px !important;
        vertical-align: middle !important;
    }

    /* 호버 효과 */
    .table_guild_list tbody tr:hover {
        background: rgba(255, 255, 255, 0.03) !important;
    }

    /* 로고 (안정형 각진 디자인) */
    .gd_mini_logo {
        width: 60px !important;
        height: 60px !important;
        object-fit: contain !important;
        border-radius: 0px !important; /* 각진 테마 통일 */
        background: #111 !important;
        padding: 2px !important;
        border: 1px solid #333 !important;
    }

    /* 🏆 랭킹 강조 (텍스트 컬러 유지) */
    .table_guild_list td:first-child {
        font-weight: 800 !important;
        font-size: 16px !important;
    }

    /* 1, 2, 3위 포인트 배경 */
    .table_guild_list tbody tr:nth-child(1) { background: rgba(240, 201, 17, 0.05) !important; }
    .table_guild_list tbody tr:nth-child(2) { background: rgba(191, 191, 191, 0.05) !important; }
    .table_guild_list tbody tr:nth-child(3) { background: rgba(205, 127, 50, 0.05) !important; }

    /* 메달 컬러링 */
    .table_guild_list tbody tr:nth-child(1) td:first-child { color: #f0c911 !important; }
    .table_guild_list tbody tr:nth-child(2) td:first-child { color: #bfbfbf !important; }
    .table_guild_list tbody tr:nth-child(3) td:first-child { color: #cd7f32 !important; }

    /* 메달 아이콘 */
    .table_guild_list tbody tr:nth-child(1) td:first-child::before { content: "👑 "; }
    .table_guild_list tbody tr:nth-child(2) td:first-child::before { content: "🥈 "; }
    .table_guild_list tbody tr:nth-child(3) td:first-child::before { content: "🥉 "; }

    /* 링크 (기존 길드 페이지와 통일) */
    .table_guild_list a {
        color: #F05A1B !important; /* 주황색 계열 통일 */
        text-decoration: none !important;
        font-weight: bold !important;
    }

    .table_guild_list a:hover {
        text-decoration: underline !important;
    }

    /* 모바일 대응 (가로폭 최적화) */
    @media (max-width: 768px) {
        .table_guild_list {
            font-size: 12px !important;
        }
        .table_guild_list th, .table_guild_list td {
            padding: 10px 5px !important;
        }
        .gd_mini_logo {
            width: 45px !important;
            height: 45px !important;
        }
    }
</style>


<style>
    /* 다른 레이아웃 오염 방지 및 모바일 가로 100% 강제화 */
    .guild_container {
        width: 100vw !important; /* 브라우저 가로폭 전체 사용 */
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important; /* 양옆 패딩 제거 */
        padding-right: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
        color: #e0e0e0 !important;
        overflow-x: hidden !important; /* 가로 스크롤 방지 */
    }

    /* 1. 상단 로고 이미지 (각진 스타일) */
    .guild_container #img_guild_logo {
        border: 4px solid #333 !important;
        border-radius: 0px !important;
        display: block !important;
        margin: 30px auto 60px auto !important;
        width: 200px !important; /* 모바일 대응 크기 조절 */
        height: auto !important;
    }

    /* 2. 모든 섹션 박스 (각진 테두리 + 가로 꽉 채움) */
    .guild_container .gd_center, 
    .guild_container .table_notice, 
    .guild_container .material-table {
        background: transparent !important;
        border: none !important; /* 외곽선 제거 혹은 상하만 유지 */
        border-top: 1px solid #333 !important;
        border-bottom: 1px solid #333 !important;
        border-radius: 0px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 50px !important;
        text-align: center !important;
    }

    /* 3. 길드 정보 테이블 (중앙 정렬 및 각진 셀) */
    .guild_container .table_info {
        width: 100% !important;
        margin: 0 auto !important;
        border-collapse: collapse !important;
    }

    .guild_container .table_info td {
        background: rgba(255, 255, 255, 0.03) !important;
        padding: 15px 10px !important;
        color: #aaa !important;
        border: 1px solid #2a2a2a !important;
        font-size: 14px !important;
        text-align: center !important;
    }

    .guild_container .table_info tr td:last-child {
        color: #fff !important;
        font-weight: bold !important;
    }

    /* 4. 공지사항 디자인 (각진 박스) */
    .guild_container .table_notice .title {
        background: #222 !important;
        color: #F05A1B !important;
        padding: 15px !important;
        border-bottom: 1px solid #333 !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

    .guild_container .table_notice .content {
        padding: 40px 15px !important;
        color: #ddd !important;
        line-height: 1.8 !important;
        text-align: center !important;
        background: rgba(255,255,255,0.01) !important;
        word-break: break-all !important;
    }

    /* 5. 쪽지 보내기 버튼 (가독성 최상 + 각진 스타일) */
    .guild_container .gd_button.basic {
        background: #F05A1B !important;
        border: 1px solid #F05A1B !important;
        color: #ffffff !important;
        padding: 10px 20px !important;
        border-radius: 0px !important;
        cursor: pointer !important;
        margin: 5px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        transition: all 0.2s !important;
    }

    /* 강퇴/권한 버튼 */
    .guild_container .gd_button.basic[value*="강퇴"],
    .guild_container .gd_button.basic[value*="권한"] {
        background: #333 !important;
        color: #ff5555 !important;
        border: 1px solid #444 !important;
    }

    .guild_container .gd_button.basic:hover {
        background: #ffffff !important;
        color: #000000 !important;
        border-color: #ffffff !important;
    }

    /* 6. 하단 회원 리스트 (완전 가로 꽉 채움) */
    .guild_container .material-table {
        padding: 0 !important;
    }

    .guild_container #datatable {
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 0 !important;
    }

    .guild_container #datatable th { 
        padding: 15px 5px !important; 
        background: #252525 !important;
        color: #666 !important; 
        border: 1px solid #333 !important;
        font-size: 12px !important;
    }

    .guild_container #datatable td { 
        padding: 15px 5px !important; 
        border: 1px solid #222 !important; 
        color: #ccc !important; 
        font-size: 14px !important;
    }

    /* 링크 및 기타 */
    .guild_container a { color: #F05A1B !important; text-decoration: none !important; }
    .guild_container strong { color: #fff !important; }
    .guild_container .gd_width_full { padding: 30px 0 !important; }
</style>