<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;
}
</style>
<!-- 메인 스타일 -->
<style>
table.type td img {
width: 200px;
height: 120px;
object-fit: fill; /* 비율 무시하고 강제로 꽉 채움 */
display: block;
margin: 0 auto; /* 이미지도 가운데 정렬 */
}
.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;
}
/* 인포 박스 스타일 */
.inform_area {
border: 1px solid rgb(97, 97, 97);
background: rgba(26,26,26,0.9);
padding: 20px;
margin: 0px 0;
border-radius: 0px;
}
.inform_area div {
display: flex;
align-items: center;
}
.inform_area img {
width: 20px;
height: 20px;
margin-right: 10px;
transform: translateY(10px);
}
.inform_area span {
color: #fec57e;
font-size: 1.1rem;
font-weight: bold;
}
/* 테이블 스타일 */
table.type {
color: #ffffff;
border-collapse: collapse;
width: 100%;
text-align: center; /* 가로 중앙 정렬 */
}
table.type thead th {
padding: 8px;
font-weight: bold;
background-color: rgba(0,0,0,0.9);
color: #fff;
font-size: 16px;
vertical-align: middle; /* 세로 중앙 정렬 */
text-align: center;
}
table.type td {
padding: 4px; /* 여백 줄임 */
font-size: 16px;
background-color: rgb(26, 26, 26);
border: 1px solid rgb(97, 97, 97);
text-align: center; /* 가로 중앙 */
vertical-align: middle; /* 세로 중앙 */
}
table.type td:nth-child(2) {
color: #ffffff;
}
table.type td:first-child {
background: rgba(26,26,26,0.9);
}
table th {
text-align: center;
}
/* 모바일 대응 */
@media (max-width: 768px) {
.custom-video {
height: 200px;
object-position: center;
transform: scale(1);
}
.video-top-text {
top: 30px;
left: 50%;
transform: translateX(-50%);
font-size: 20px;
}
.video-center-text {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-family: 'HeirofLightBold', sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 10px 20px;
width: 80%; /* ← 공간 넓혀줌 */
max-width: 900px; /* ← 최대 너비 제한 */
white-space: nowrap; /* ← 줄바꿈 방지 */
overflow: hidden;
text-overflow: ellipsis; /* ← 넘치면 말줄임 (…) 처리 (선택사항) */
}
.video-bottom-text {
font-size: 13px;
bottom: 20px;
}
table.type td img,
table.type th:nth-child(2),
table.type td:nth-child(2) {
display: none;
}
table.type td:nth-child(3) {
width: 100%;
}
}
</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="inform_area">
<div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsPvVOpP5Qfr3qNxzjmHm6jMEPYr_CpNkRF0FzSX2_aqLaaap5aWRxZTyE0oeGsZcgDySm9_e_5QqHqnxBlRkNgur1R5Yt0dUh09pLeWD0kFXzF_ziwE3jvRPdJ3unx8s2agMdwv7Bd8rBNOWP1usNO1tOiVBSWtFAhas59Qov-SxdXeS1pwmnJgnio4J/s1600/%EB%A6%AC%EB%8B%88%EC%A7%80%20%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C2.png" alt="icon">
<span>주요 사냥터 정보</span>
</div>
</div>
<div style="border: 1px solid rgb(97, 97, 97); padding: 20px; background: rgba(26,26,26,0.9);">
<table class="type">
<thead>
<tr>
<th colspan="4">주요 사냥터 정보</th>
</tr>
<tr>
<th>사냥터</th>
<th>입장 시간</th>
<th>주요 드랍템</th>
<th>던전 설명</th>
</tr>
</thead>
<tbody>
<tr><td>용던 5층</td><td>상시 입장</td><td>아데나, 변반, 이반, 각종 젤데이, 광석(아데나수급)</td><td>초반 뎅수급처</td></tr>
<tr><td>사막던전 4층</td><td>상시 입장</td><td>아데나, 각종 젤 데이, 광석(아데나수급)</td><td>초반 뎅수급처</td></tr>
<tr><td>본던 7층</td><td>상시 입장</td><td>아데나, 각종 젤 데이, 광석(아데나수급)</td><td>초반 뎅수급처</td></tr>
<tr><td>엘모어 밭</td><td>상시 입장</td><td>아데나, 각종 젤 데이, 광석(아데나수급)</td><td>초반 뎅수급처</td></tr>
<tr><td>상아탑</td><td>상시 입장</td><td>아데나, 각종 젤 데이, 광석(아데나수급)</td><td>초반 뎅수급처</td></tr>
<tr><td>화룡의 둥지</td><td>상시 입장</td><td>아데나, 각종 젤 데이, 광석(아데나수급</td><td>초반 뎅수급처</td></tr>
<tr><td>기란감옥</td><td>1일 1시간</td><td>퓨어엘릭서, 축복부여주문서, 신성한 장신구 조각, 마법인형 주머니, 가더 랜덤상자</td><td>퓨어,경치특화</td></tr>
<tr><td>마족 신전</td><td>1일 1시간</td><td>로또복권,마정석 파편,가더 랜덤상자,금빛 마법인형 주머니,경험치2배 물약</td><td>60렙 입장</td></tr>
<tr><td>테베 던전</td><td>1일 3회</td><td>2차 무기, 완제 엘릭, 마물의 기운,경험치2배 물약</td><td>60렙 입장</td></tr>
<tr><td>지옥</td><td>1일 3회</td><td>지옥의 성물, 마정석 파편, 제작 비법서</td><td>65렙 입장</td></tr>
<tr><td>악마왕의 영토</td><td>1일 3회</td><td>2차 무기, 3차 방어구, 4단 인형 , 지옥의 성물, 마정석 파편, 제작 비법서 </td><td>70렙 입장</td></tr>
<tr><td>잊혀진 섬</td><td>상시 입장</td><td>잊혀진 방어구, 고대의 주문서, 마법인형 주머니</td><td></td></tr>
<tr><td>오만 1층</td><td>상시 입장</td><td>오림 장신구 주문서, 완력의 반지, 민첩의 반지, 지식의 반지, 마법서(앱솔)</td><td></td></tr>
<tr><td>오만 2층</td><td>상시 입장</td><td>오림 장신구 주문서, 완력의 벨트, 민첩의 벨트, 지식의 벨트</td><td></td></tr>
<tr><td>오만 3층</td><td>상시 입장</td><td>오림 장신구 주문서, 완력의 목걸이, 민첩의 목걸이, 지식의 목걸이</td><td></td></tr>
<tr><td>오만 4층</td><td>상시 입장</td><td>오림 장신구 주문서, 2차 방어구, 2단인형, 신성한 장신구 조각</td><td></td></tr>
<tr><td>오만 5층</td><td>상시 입장</td><td>오림 장신구 주문서, 1억금괴, 2차 방어구 </td><td></td></tr>
<tr><td>오만 6층</td><td>상시 입장</td><td>2차 방어구, 신성한 장신구 조각, 2단인형 , 3단인형 </td><td></td></tr>
<tr><td>오만 7층</td><td>상시 입장</td><td>축오림 장신구 주문서, 신성한 장신구 조각, 3단 인형</td><td></td></tr>
<tr><td>오만 8층</td><td>상시 입장</td><td>1차 무기,나발검, 금빛인형주머니</td><td></td></tr>
<tr><td>오만 9층</td><td>상시 입장</td><td>나발검,격분의 장갑, 지옥의 성물, 제작 비법서</td><td></td></tr>
<tr><td>오만 10층</td><td>상시 입장</td><td>마정석 파편 , 마정석 파편 상자</td><td></td></tr>
</tbody>
</table>
</div>
</body>
</html>