<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>영상과 텍스트</title>
<style>
@font-face {
font-family: 'HeirofLightBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/HeirofLightBold.woff') format('woff');
}
html, body {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nXi0ItGf3ki5g3I2AkiRGDIwTO6XjC4pYM6lxU79segpiP7qAPc52-SkRXzUUMeAqWRW3VKy7q8RhqcwF6zssR8HJDOeynHNGHBKVDbqTWjkP3FX-IsvLNH0cxvhyphenhyphenKm23K0EXvSTQCJxqp0gchD5Ww_APWsBemeFC-lVkGn3wiKJu5yMhV7uOk-1Pko/s16000/woods.webp') no-repeat center center fixed;
background-size: cover;
}
/* ================= 영상 영역 ================= */
.video-section {
position: relative;
max-width: 1200px;
margin: 0 auto 10px;
overflow: hidden;
background: #000;
}
.custom-video {
width: 100%;
height: 280px;
object-fit: cover;
object-position: 0 -290px;
}
.video-top-text,
.video-center-text,
.video-bottom-text {
font-family: 'HeirofLightBold';
font-weight: bold;
}
.video-top-text {
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
font-size: 40px;
color: #2cf5ab;
}
.video-center-text {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 27px;
color: #fff;
text-align: center;
}
.video-bottom-text {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
font-size: 23px;
background-image: linear-gradient(#2cf5ab, #2cf5ab);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* ================= 내용 영역 ================= */
.content-wrap {
max-width: 1200px;
margin: 0 auto;
background: rgba(41, 41, 41, 0.85);
border: 1px solid #555;
border-radius: 10px;
padding: 20px;
color: #fff;
font-family: sans-serif;
}
.inform_area span {
display: inline-block;
width: 120px;
white-space: nowrap;
}
.tab-icon {
width: 20px;
height: 20px;
margin-right: 10px;
transform: translateY(6px);
}
/* ================= 반응형 ================= */
@media (max-width: 768px) {
.custom-video { height: 180px; }
.video-top-text { font-size: 22px; }
.video-center-text { font-size: 16px; width: 90%; }
.video-bottom-text { font-size: 14px; }
.content-wrap {
padding: 12px;
font-size: 13px;
}
}
</style>
</head>
<body>
<!-- ===== 영상 ===== -->
<div class="video-section">
<video class="custom-video" autoplay loop muted playsinline>
<source src="https://cdn.jsdelivr.net/gh/j2-design/videos@main/fox_Loop.mp4" type="video/mp4">
</video>
<div class="video-top-text">서버소개</div>
<div class="video-center-text">애프터서버에 오신 걸 환영합니다.</div>
<div class="video-bottom-text">Lineage 2.0: 애프터 서버</div>
</div>
<!-- ===== 제목 + 내용 ===== -->
<div class="content-wrap">
<div class="inform_area">
<div style="display:flex; align-items:center;">
<span style="color:#2cf5ab; font-size:1.1rem;"><b>📢 애프터 서버 인삿말</b></span>
</div>
<hr>
<p>애프터서버에 오신것을 환영합니다.</p>
<p>애프터서버는 2.0 본섭지향 반하자 / 아데나 자율거래 서버입니다.</p>
<p>최상급 접속기(FX접속기)사용으로 2.0 고유의 칼렉,길렉,마법렉을 최소화한 전투특화 서버입니다.</p>
<p>복잡하지않고 심플한 아이템 셋팅 및 제작 합성 시스템입니다.</p>
<p>렉 없는 최적화된 서버 환경으로, 칼렉풀기가 없으며 쾌적한 흑단막대 사용으로 양질의 전투를 체험하실 수 있습니다.</p>
<p>애프터서버는 측근 없고, 비리 없고, 욕심없는 투명한 서버임을 자신합니다.</p>
<p>중요 재화는 파편,성물,제작비법서 이며 모든 사냥터에서 파밍가능합니다.</p>
<p>또한, 파밍한 중요재화로 무기,방어구,악세 제작이 가능합니다.</p>
<p>후원을 하지 않아도 시간만 투자한다면 충분히 전투참여 및 게임을 즐기실 수 있습니다.</p>
<p>애프터서버에서 추억의 향수를 맡으며 즐거운 시간 되시길 바랍니다.</p>
<p><br /></p>
<p><서버정보 및 주의사항></p>
<p>1. 운영기간 : 3개월 이상 반하자 서버 </p>
<p>2. 애프터서버 배율 : 경험치 5배 / 아데나 6배 / 드랍률 5배 </p>
<p>3. 레벨제한 : 최고레벨의 레벨격차 4레벨</p>
<p>4. 접속관련 : IP당 2계정, 4캐릭 생성 가능 (캐릭삭제 불가능)</p>
<p>5. 스탯관련 : 초기 스탯은 기사(힘 베이스),법사(인트 베이스),요정(덱스 베이스)을 추천합니다.
</p><p>6. 채팅관련 : 욕설, 장애인비하, 인격모독, 패드립, 성드립, 가족 등 운영자 판단하에 채금 또한 벤 처리 됩니다.</p>
<p>전체채팅, 서버비방, 분위기를 해치는 행위, 편지로 상대방을 비방하는 행위, 욕설, 도배 등도 강력 제재합니다.</p>
<p>7. 시간던전 관련 : 1계정당 1회만 인정하며, 다수의 계정으로 시간던전 작업시 벤 처리됩니다.</p>
<p>8. 핵 프로그램 관련 : 핵가더 사용하고 있습니다. 적발시 경고 없이 벤 처리됩니다.</p>
<p>9. 복구관련 : 러쉬복구, 바닥 아이템청소 삭제로 인한 복구는 불가합니다.</p>
<p>10. 펫 자동사냥, ip변경 케릭생성으로 부당취득한 아이템 및 아데나는 몰수됩니다. </p><p>※ 서버 진행에 따라 약간의 변동이 있을 수 있습니다 ※</p>
</div>
</div>
</body>
</html>