.twitch{ color:#ff4444; animation:corruptText 3s infinite; } @keyframes corruptText{ 0%,95%,100%{ color:#ff4444; } 95.2%{ color:#00ffff; } 95.4%{ color:#ffff00; } 95.6%{ color:#ffffff; } 95.8%{ color:#ff4444; } } /*초록 글씨 깨짐*/ .corrupt3{ position:relative; display:inline-block; color:##00aa44; } .corrupt4{ position:absolute; left:0; top:0; color:#ff4444; opacity:0; animation:swapText 5s infinite; } @keyframes swapText{ 0%,95%,100%{ opacity:0; } 95.2%{ opacity:1; } 95.6%{ opacity:0; } } /*글씨 깨짐*/ .corrupt{ position:relative; display:inline-block; color:#ff4444; } .corrupt2{ position:absolute; left:0; top:0; color:#ffffff; opacity:0; animation:swapText 4s infinite; } @keyframes swapText{ 0%,95%,100%{ opacity:0; } 95.2%{ opacity:1; } 95.6%{ opacity:0; } } /*화면 전체 글리치*/ .glitchbox{ position:relative; } .pixel{ position:absolute; width:40px; height:20px; opacity:0; } .p1{ background:#ff0000; left:20px; top:40px; animation:pflash 4s infinite; } .p2{ background:#00ffff; left:180px; top:120px; animation:pflash 4s infinite 0.1s; } .p3{ background:#ffff00; left:90px; top:200px; animation:pflash 4s infinite 0.2s; } .p4{ background:#ff00ff; left:240px; top:60px; animation:pflash 4s infinite 0.3s; } @keyframes pflash{ 0%,92%,100%{ opacity:0; } 93%{ opacity:1; } 93.5%{ opacity:0; } 94%{ opacity:1; } 94.5%{ opacity:0; } } /* ========================= 화면 전체 VHS 흔들림 ========================= */ .vhs-screen{ animation:vhsScreen 7s infinite; } @keyframes vhsScreen{ 0%,88%,100%{ transform:none; } 89%{ transform:translateX(-6px); } 90%{ transform:translateX(8px); } 91%{ transform:translateX(-4px); } 92%{ transform:none; } 95%{ transform:translateX(-15px); } 96%{ transform:translateX(20px); } 97%{ transform:translateX(-10px); } 98%{ transform:none; } } /* ========================= 긴급공지 박스 흔들림 ========================= */ .alert-box{ animation:alertShake 5s infinite; } @keyframes alertShake{ 0%,94%,100%{ transform:none; } 95%{ transform:translateX(-8px); } 96%{ transform:translateX(8px); } 97%{ transform:translateX(-5px); } 98%{ transform:none; } } /* ========================= VHS 스캔라인 ========================= */ .scanline{ position:fixed; left:0; top:-20px; width:100%; height:4px; background:#00ff66; opacity:0; animation:scanlineMove 9s infinite; } @keyframes scanlineMove{ 0%,95%,100%{ top:-20px; opacity:0; } 96%{ top:20%; opacity:1; } 97%{ top:45%; opacity:0.8; } 98%{ top:75%; opacity:1; } 99%{ top:110%; opacity:0; } } /*화면 찢어짐*/ .vhs-tear{ position:fixed; left:0; width:100%; height:6px; background:#00ff66; opacity:0; pointer-events:none; z-index:99999; animation:vhsTear 8s infinite; } @keyframes vhsTear{ 0%,94%,100%{ top:-10px; opacity:0; } 95%{ top:20%; opacity:1; } 96%{ top:45%; opacity:0.8; } 97%{ top:70%; opacity:1; } 98%{ top:110%; opacity:0; } } /* ========================= REC 깜빡임 ========================= */ .rec{ animation:blink 1s infinite; } @keyframes blink{ 0%,50%{ opacity:1; } 51%,100%{ opacity:0.2; } } ● REC ████ : ████ : ████ CH-04 【 !! 긴 급 공 지 !! 】 ※ 지금 당장 입사 지원 하십시오. 합격률 1000000%% 보장 RIGHT NOW. 〔 온레프니 코퍼레이션 〕 ONREFNI CORP. ALWAYS HIRING 「 더 깨끗한 세상을 위해 노력합니다 」 「 인간 쓰레기ㅣㅣㅣㅣㅣㅣ 없는 세상 」 ▶ 채용 정보 ■ 모집인원 00명 ■ 담당업무 청소 쓰레기 수거 폐기물 처리 ■ 지원자격 건강한 신체 건강한 정신 건강한 사고방식 건강한 사지 사지 사지 사지 사지ㅣㅣㅣ ▶ 업무 시 주의사항 ※ 할당된 청소 업무는 제한시간 내에 완수하십시오. ※ 청소 업무 후 남은 쓰레기가 없도록 확인하십시오. ※ 교육 영상을 반드시 숙지하십시오. ※ 마스코트를 만지지 마십시오. ※ 마스코트를 만ㅈㅣ지ㅣㅣ지 마십시오. ※ 지침을 따르지 않아 발생하는 손해는 본 회사가 책임지지 않습니다. ※ 사내 매점에서는 정상 상품만을 취급합니다. ※ 보이는 대로 믿으십시오. ※ 보이는 것이 전부입니다. ※ 의심하지 마십시오. 의심하지마시오의심하지마의심하지마시오의삼하지마시오의심하지마시오의심하지마시오 ONREFNI CORP. FOR A CLEANER WORLD 본 영상 자료는 사내 배포 전용입니다. 외부 유출 시 책임을 물을 수 있습니다. ONREFNI CORP. | 기업 정보 :root { --bg: #0a0a0b; --bg2: #0f0f11; --bg3: #141417; --panel: #111114; --border: #2a2a30; --border-red:#3d1a1a; --red: #c0392b; --red-glow: #e74c3c; --red-dim: #7a1a1a; --text: #c8c8cc; --text-dim: #6a6a72; --text-faint:#38383e; --mono: 'Share Tech Mono', monospace; --sans: 'Noto Sans KR', sans-serif; --flicker-speed: 8s; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 14px; line-height: 1.7; } /* ── 배경 노이즈 레이어 ── */ body { min-height: 100vh; position: relative; overflow-x: hidden; } body::before { content: ''; position: fixed; inset: 0; z-index: 0; background-image: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0,0,0,.18) 2px, rgba(0,0,0,.18) 4px ); pointer-events: none; animation: scanlines var(--flicker-speed) linear infinite; } body::after { content: ''; position: fixed; inset: 0; z-index: 0; background: radial-gradient(ellipse at 50% 0%, rgba(100,10,10,.25) 0%, transparent 70%); pointer-events: none; } @keyframes scanlines { 0% { background-position: 0 0; } 100% { background-position: 0 100px; } } /* ── 페이지 래퍼 ── */ .wrapper { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; padding: 40px 20px 80px; } /* ── 상단 사이트 네비 바 (가짜) ── */ .fake-nav { background: #0c0c0e; border-bottom: 1px solid var(--border); padding: 10px 20px; display: flex; gap: 24px; font-family: var(--mono); font-size: 11px; color: var(--text-dim); position: sticky; top: 0; z-index: 100; } .fake-nav .logo { color: var(--red); letter-spacing: .15em; font-weight: 700; } .fake-nav a { color: var(--text-dim); text-decoration: none; } .fake-nav a:hover { color: var(--text); } /* ── 헤더 카드 ── */ .company-header { background: var(--panel); border: 1px solid var(--border); border-top: 3px solid var(--red); padding: 28px 32px 24px; margin-bottom: 2px; position: relative; overflow: hidden; } .company-header::after { content: ''; position: absolute; top: 0; right: 0; width: 200px; height: 200px; background: radial-gradient(circle, rgba(192,57,43,.07) 0%, transparent 70%); pointer-events: none; } .company-name { font-family: var(--mono); font-size: 26px; letter-spacing: .2em; color: #e8e8ec; text-shadow: 0 0 20px rgba(192,57,43,.4); animation: flicker 9s infinite; } @keyframes flicker { 0%,19%,21%,23%,25%,54%,56%,100% { opacity: 1; } 20%,22%,24%,55% { opacity: .7; } } .company-category { font-size: 12px; color: var(--text-dim); margin-top: 4px; font-family: var(--mono); letter-spacing: .1em; } .rating-row { margin-top: 14px; display: flex; align-items: center; gap: 10px; } .stars { color: var(--text-faint); font-size: 18px; letter-spacing: 2px; } .rating-label { font-size: 11px; color: var(--text-faint); font-family: var(--mono); border: 1px solid var(--text-faint); padding: 2px 8px; letter-spacing: .08em; } .intro-block { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border); } .intro-text { font-size: 15px; color: var(--text); font-style: italic; line-height: 1.8; } .intro-glitch { color: var(--red-glow); font-family: var(--mono); } /* ── 섹션 공통 ── */ .section { background: var(--panel); border: 1px solid var(--border); border-top: none; padding: 20px 32px; margin-bottom: 2px; } .section:last-of-type { margin-bottom: 0; } .section-title { font-family: var(--mono); font-size: 11px; letter-spacing: .2em; color: var(--red); text-transform: uppercase; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; } .section-title::before { content: '▍'; color: var(--red-dim); } .section-title::after { content: ''; flex: 1; height: 1px; background: var(--border-red); } /* ── 기업 정보 그리드 ── */ .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; } .info-item { display: flex; flex-direction: column; gap: 2px; } .info-label { font-family: var(--mono); font-size: 10px; color: var(--text-faint); letter-spacing: .12em; } .info-value { font-size: 13px; color: var(--text); } .censored { font-family: var(--mono); background: #1a0a0a; color: var(--red-dim); letter-spacing: .05em; padding: 0 2px; border: 1px solid var(--border-red); } /* ── 사원 목록 ── */ .employee-list { display: flex; flex-direction: column; gap: 8px; } .employee-card { background: var(--bg3); border: 1px solid var(--border); padding: 10px 14px; display: flex; align-items: center; gap: 14px; transition: border-color .2s; } .employee-card:hover { border-color: var(--red-dim); } .employee-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .dot-white { background: #e0e0e0; box-shadow: 0 0 6px #fff5; } .dot-black { background: #222; border: 1px solid #444; } .dot-red { background: #c0392b; box-shadow: 0 0 6px rgba(192,57,43,.6); } .dot-blue { background: #2980b9; box-shadow: 0 0 6px rgba(41,128,185,.5); } .dot-dog { background: #8b5e3c; box-shadow: 0 0 4px rgba(139,94,60,.4); } .employee-name { font-family: var(--mono); font-size: 13px; color: #e0e0e4; min-width: 80px; } .employee-desc { font-size: 12px; color: var(--text-dim); } .employee-censor { margin-left: auto; font-family: var(--mono); font-size: 10px; color: var(--text-faint); border: 1px solid var(--text-faint); padding: 1px 6px; letter-spacing: .1em; } .censor-banner { margin-top: 14px; background: #110808; border: 1px dashed var(--red-dim); padding: 8px 14px; font-family: var(--mono); font-size: 11px; color: var(--red-dim); letter-spacing: .15em; text-align: center; animation: censor-pulse 3s ease-in-out infinite; } @keyframes censor-pulse { 0%,100% { opacity: .7; } 50% { opacity: 1; } } /* ── 교육 영상 섹션 ── */ .warning-box { background: #0e0808; border: 1px solid var(--border-red); padding: 14px 18px; margin-bottom: 14px; } .warning-list { list-style: none; display: flex; flex-direction: column; gap: 6px; } .warning-list li { font-family: var(--mono); font-size: 12px; color: var(--text-dim); padding-left: 16px; position: relative; } .warning-list li::before { content: '─'; position: absolute; left: 0; color: var(--red-dim); } .warning-list li.danger { color: #e74c3c; } .warning-list li.maybe { color: #c0392b; animation: flicker 4s infinite; } .video-link-block { background: var(--bg3); border: 1px solid var(--border); padding: 16px 18px; } .video-desc { font-family: var(--mono); font-size: 11px; color: var(--text-dim); margin-bottom: 10px; line-height: 1.7; } .video-url-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .url-label { font-family: var(--mono); font-size: 10px; color: var(--text-faint); letter-spacing: .1em; white-space: nowrap; } .video-link { font-family: var(--mono); font-size: 11px; color: var(--red-glow); text-decoration: none; border-bottom: 1px dashed var(--red-dim); word-break: break-all; transition: color .2s; } .video-link:hover { color: #ff6b6b; border-bottom-color: #ff6b6b; } /* ── 하단 경고 바 ── */ .bottom-bar { margin-top: 30px; border: 1px solid var(--border); background: var(--panel); padding: 12px 24px; font-family: var(--mono); font-size: 10px; color: var(--text-faint); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; } .bottom-bar .warn { color: var(--red-dim); } /* ── 반응형 ── */ @media (max-width: 600px) { .company-header, .section { padding: 18px 18px; } .info-grid { grid-template-columns: 1fr; } .company-name { font-size: 19px; } } JOBPORTAL_KR 기업정보 채용공고 연봉정보 면접후기 【ONREFNI CORP.】 청소 / 환경미화 ☆☆☆☆☆ 제출된 평점이 없습니다. 깨끗하게. 빠르게. 청렴하게. 온레프니 코퍼레이션은 세계적인 청소 기업으로 지구 전체를 깨끗이 유지하고자 합니다ㅏ. 기업 정보 산업군 환경미화 기업형태 중ㅅ소기ㅣ업 사원수 5명 설립 ■■■■.■■.■■. 대표 ■■■■■ 사원 소개 마스코트 켈 평범한 도베르만 마스코트. PE 183cm  ·  흰색 개인정보 검열됨 FA 191cm  ·  검은색 개인정보 검열됨 WA 196cm  ·  빨간색 개인정보 검열됨 DE 164cm  ·  파란색 개인정보 검열됨 = 개인 정보 검열됨 = 직원 교육 영상 직원 교육 영상을 반드시 시청하십시ㅣㅣㅣ오 미시청으로 발생한 손해는 책임지지 않습니다. 점프스케어 없음. 아마ㅏㅏㅏ도. 직원 교육 영상 시청 시 입사지원한 것으로 간주됩니다. ─ 시작 시 가장 먼저 뜨는 화면을 클릭하면 자동으로 이동합니다. ─ 수동 이동 주소: [ URL ] https://youtu.be/tZWC2WEgFbg?si=WqXC2BLCJrG1vsi2 ONREFNI CORP. © ■■■■ 본 페이지 열람 시 귀하의 정보가 수집될 수 있습니다.