@charset "utf-8";

/* 1. 하단 기어 */
.side-bg-gear {
    position: fixed;
    left: 550px;        
    bottom: 50px;      
    width: 600px;      
    height: 600px;
    background: url('../Main/Image/log.png') no-repeat center/contain;
    opacity: 0.04;     
    filter: grayscale(1);
    z-index: -1;       
    pointer-events: none;
    animation: gear-slow-spin 80s linear infinite;
}

/* 2. 회사명 (화면 중앙 로고 이미지 기준 고정) */
.bg-company-name {
    display: block !important;
    visibility: visible !important;
    position: fixed !important;   
    
    /* [핵심] 화면 중앙(50%)에서 로고 크기만큼 왼쪽/오른쪽 조절 */
    /* 로고가 중앙에 있으므로, 50%를 기준으로 수치를 맞추면 절대 도망가지 않습니다. */
    left: calc(50% - 490px) !important;  /* 로고 왼쪽 끝 지점 기준 */
    
    top: 20px !important;          /* 로고와 눈높이 맞춤 */
    transform: none !important;   
    
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 800 !important;   
    font-size: 58px !important;    
    
    color: #444 !important;       
    opacity: 0.4 !important;       
    
    /* 레이어 최상단 */
    z-index: 999999 !important;      
    
    letter-spacing: -0.5px !important; 
    white-space: nowrap !important;
    pointer-events: none !important; 
}

@keyframes gear-slow-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 1100px) {
    .side-bg-gear, .bg-company-name { 
        display: none !important; 
    }
}