<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>네이버 e스포츠</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- 상단 영역 -->
<header id="esport-header">
<nav id="esport-nav">
<div class="esport-container">
<div class="nav-wrap esport-flex-between">
<div class="left esport-flex-start">
<h1><a href="#">e스포츠</a></h1>
<ul class="esport-flex-start">
<li><a href="#">GAME</a></li>
<li><a href="#">PC게임</a></li>
</ul>
</div>
<div class="center">
<ul class="esport-flex-center">
<li><a href="#" class="active">홈</a></li>
<li><a href="#">뉴스</a></li>
<li><a href="#">영상</a></li>
<li><a href="#">일정</a></li>
<li><a href="#">순위</a></li>
</ul>
</div>
<div class="right esport-flex-end">
<a href="#">로그인</a>
<a href="#">메뉴</a>
</div>
</div>
</div>
</nav>
</header>
<!-- 메인 영역 -->
<main role="main" id="esport-main">
<!-- 메인 top 영역 -->
<div id="esport-main-top">
<div class="esport-container">
<div class="timeline-wrap">
<ul class="esport-flex-start">
<li>
<a href="#">
<span class="date">오늘(08.10)</span>
<h2>2021 CL 서머 타이브레이크</h2>
<div class="status-wrap esport-flex-between">
<span class="live">LIVE</span>
<span class="status">진행중</span>
</div>
</a>
</li>
<li>
<a href="#">
<span class="date">오늘(08.10)</span>
<h2>2021 CL 서머 타이브레이크</h2>
<div class="status-wrap esport-flex-between">
<span class="live">LIVE</span>
<span class="status">진행중</span>
</div>
</a>
</li>
<li>
<a href="#">
<span class="date">오늘(08.10)</span>
<h2>2021 CL 서머 타이브레이크</h2>
<div class="status-wrap esport-flex-between">
<span class="live">LIVE</span>
<span class="status">진행중</span>
</div>
</a>
</li>
<li>
<a href="#">
<span class="date">오늘(08.10)</span>
<h2>2021 CL 서머 타이브레이크</h2>
<div class="status-wrap esport-flex-between">
<span class="live">LIVE</span>
<span class="status">진행중</span>
</div>
</a>
</li>
<li>
<a href="#">
<span class="date">오늘(08.10)</span>
<h2>2021 CL 서머 타이브레이크</h2>
<div class="status-wrap esport-flex-between">
<span class="live">LIVE</span>
<span class="status">진행중</span>
</div>
</a>
</li>
<li>
<a href="#">
<span class="date">오늘(08.10)</span>
<h2>2021 CL 서머 타이브레이크</h2>
<div class="status-wrap esport-flex-between">
<span class="live">LIVE</span>
<span class="status">진행중</span>
</div>
</a>
</li>
</ul>
</div>
<div class="live-wrap">
<h2>라이브중인 경기 <span class="count">2</span></h2>
<ul class="esport-flex-between">
<li>
<a href="#" class="esport-flex-between">
<img src="https://via.placeholder.com/442x250">
<div class="txt-wrap">
<span>진행중</span>
<h3>2021 PMPS S1 WEEKLY FINAL DAY 3</h3>
</div>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<img src="https://via.placeholder.com/442x250">
<div class="txt-wrap">
<span>진행중</span>
<h3>2021 PMPS S1 WEEKLY FINAL DAY 3</h3>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="esport-container">
<div class="content-wrap">
<!-- 메인 left 영역 -->
<div class="left">
<div id="esport-main-article">
<div class="article full">
<img src="https://via.placeholder.com/150">
<div class="txt-wrap">
<h3>LCK 서머 결승전, CJ ENM 스튜디오서 28일 개최...무관중 유지</h3>
<p>자료제공 : 라이엇 게임즈 2021년 리그 오브 레전드 챔피언스 코리아(LCK) 서머 최고의 팀을
가리는 결승전이 오는 8월 28일 경기도 고양시 일산서구에 위치한 CJ ENM 스튜디오에서 무관중으로 펼쳐진다.</p>
<span class="source">인벤</span>
</div>
</div>
<div class="article">
<img src="https://via.placeholder.com/150">
<div class="txt-wrap">
<h3>당신의 인생팀은 어디입니까?②[기획]</h3>
<span class="source">인벤</span>
</div>
</div>
<div class="article">
<img src="https://via.placeholder.com/150">
<div class="txt-wrap">
<h3>디알엑스, '벼랑 끝 승부'서 생존...PO막차 탑승[LCK CL]</h3>
<span class="source">OSEN</span>
</div>
</div>
</div>
<div id="esport-replay" class="esport-section">
<div class="title-wrap">
<h2>경기 다시보기</h2>
</div>
<nav class="game-menu">
<ul class="esport-flex-start">
<li>
<a href="#" class="active">
<i></i>
<span>LCK</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>LCK CL</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>GSL</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>PSW</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>MSI</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>롤드컵</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>LCK</span>
</a>
</li>
</ul>
</nav>
<ul class="play-lists esport-flex-between">
<li>
<a href="#">
<div class="image-wrap">
<img src="https://via.placeholder.com/285x160">
<div class="status-wrap esport-flex-between">
<i></i>
<span class="time">1:08:44</span>
</div>
</div>
<h3>SUNDAY NIGHT LCK 8화</h3>
</a>
</li>
<li>
<a href="#">
<div class="image-wrap">
<img src="https://via.placeholder.com/285x160">
<div class="status-wrap esport-flex-between">
<i></i>
<span class="time">22:22</span>
</div>
</div>
<h3>LCK WEEKLY NEWS FEED 9화</h3>
</a>
</li>
<li>
<a href="#">
<div class="image-wrap">
<img src="https://via.placeholder.com/285x160">
<div class="status-wrap esport-flex-between">
<i></i>
<span class="time">1:08:10</span>
</div>
</div>
<h3>T1-DRX 2세트</h3>
</a>
</li>
<li>
<a href="#">
<div class="image-wrap">
<img src="https://via.placeholder.com/285x160">
<div class="status-wrap esport-flex-between">
<i></i>
<span class="time">1:08:44</span>
</div>
</div>
<h3>SUNDAY NIGHT LCK 8화</h3>
</a>
</li>
<li>
<a href="#">
<div class="image-wrap">
<img src="https://via.placeholder.com/285x160">
<div class="status-wrap esport-flex-between">
<i></i>
<span class="time">22:22</span>
</div>
</div>
<h3>LCK WEEKLY NEWS FEED 9화</h3>
</a>
</li>
<li>
<a href="#">
<div class="image-wrap">
<img src="https://via.placeholder.com/285x160">
<div class="status-wrap esport-flex-between">
<i></i>
<span class="time">1:08:10</span>
</div>
</div>
<h3>T1-DRX 2세트</h3>
</a>
</li>
</ul>
</div>
<div id="esport-news" class="esport-section">
<div class="title-wrap">
<h2>추천 뉴스</h2>
</div>
<div class="article-wrap esport-flex-between">
<ul class="left-lists esport-flex-between">
<li>
<a href="#">
<img src="https://via.placeholder.com/226x132">
<h3>[LCK CL] 디알엑스, ‘벼랑 끝 승부’서 생존… PO 막차 탑승</h3>
<p>[OSEN=임재형 기자] 3팀이 대결한 ‘타이브레이커’ 경기에서 디알엑스가 미소를 지었다.
디알엑스가 플레이오프 마지막 한 자리를 놓고 펼쳐진 경기에서 브리온을 꺾고 막차 탑승에 성공했다.</p>
</a>
</li>
<li>
<a href="#">
<img src="https://via.placeholder.com/226x132">
<h3>[LCK CL] 디알엑스, ‘벼랑 끝 승부’서 생존… PO 막차 탑승</h3>
<p>[OSEN=임재형 기자] 3팀이 대결한 ‘타이브레이커’ 경기에서 디알엑스가 미소를 지었다.
디알엑스가 플레이오프 마지막 한 자리를 놓고 펼쳐진 경기에서 브리온을 꺾고 막차 탑승에 성공했다.</p>
</a>
</li>
</ul>
<ul class="right-lists">
<li><a href="#">우럽 매드 라이온스, 탑 라이너 코치로 '비직챠치' 영입 우럽 매드 라이온스, 탑 라이너 코치로 '비직챠치' 영입</a></li>
<li><a href="#">한중일 e스포츠 대회, 온라인으로 전환</a></li>
<li><a href="#">우럽 매드 라이온스, 탑 라이너 코치로 '비직챠치' 영입</a></li>
<li><a href="#">한중일 e스포츠 대회, 온라인으로 전환</a></li>
<li><a href="#">우럽 매드 라이온스, 탑 라이너 코치로 '비직챠치' 영입</a></li>
<li><a href="#">한중일 e스포츠 대회, 온라인으로 전환</a></li>
<li><a href="#">우럽 매드 라이온스, 탑 라이너 코치로 '비직챠치' 영입</a></li>
<li><a href="#">한중일 e스포츠 대회, 온라인으로 전환</a></li>
</ul>
</div>
</div>
<div id="esport-expert" class="esport-section">
<div class="title-wrap">
<h2>전문가 칼럼</h2>
</div>
<ul class="news-lists esport-flex-between">
<li>
<a href="#" class="esport-flex-start">
<img src="https://via.placeholder.com/153x86">
<div class="txt-wrap">
<h3>[LCK 이야기] 11승 4팀, 정규 시즌 종료 1주 남았다</h3>
<p>11승만 네 팀이다. 8월 8일 T1과 담원 기아가 11승 고지를 밟으며, 리브 샌드박스, 농심 레드포스와 같은 승수를 기록했다.
리브 샌드박스와 농심 레드포스가 5패, 담원 기아와 T1이 6패이기 때문에 순위는 가려진다.</p>
<span class="source">핫매치 리뷰</span>
</div>
</a>
</li>
<li>
<a href="#" class="esport-flex-start">
<img src="https://via.placeholder.com/153x86">
<div class="txt-wrap">
<h3>[LCK 이야기] 11승 4팀, 정규 시즌 종료 1주 남았다</h3>
<p>11승만 네 팀이다. 8월 8일 T1과 담원 기아가 11승 고지를 밟으며, 리브 샌드박스, 농심 레드포스와 같은 승수를 기록했다.
리브 샌드박스와 농심 레드포스가 5패, 담원 기아와 T1이 6패이기 때문에 순위는 가려진다.</p>
<span class="source">핫매치 리뷰</span>
</div>
</a>
</li>
<li>
<a href="#" class="esport-flex-start">
<img src="https://via.placeholder.com/153x86">
<div class="txt-wrap">
<h3>[LCK 이야기] 11승 4팀, 정규 시즌 종료 1주 남았다</h3>
<p>11승만 네 팀이다. 8월 8일 T1과 담원 기아가 11승 고지를 밟으며, 리브 샌드박스, 농심 레드포스와 같은 승수를 기록했다.
리브 샌드박스와 농심 레드포스가 5패, 담원 기아와 T1이 6패이기 때문에 순위는 가려진다.</p>
<span class="source">핫매치 리뷰</span>
</div>
</a>
</li>
<li>
<a href="#" class="esport-flex-start">
<img src="https://via.placeholder.com/153x86">
<div class="txt-wrap">
<h3>[LCK 이야기] 11승 4팀, 정규 시즌 종료 1주 남았다</h3>
<p>11승만 네 팀이다. 8월 8일 T1과 담원 기아가 11승 고지를 밟으며, 리브 샌드박스, 농심 레드포스와 같은 승수를 기록했다.
리브 샌드박스와 농심 레드포스가 5패, 담원 기아와 T1이 6패이기 때문에 순위는 가려진다.</p>
<span class="source">핫매치 리뷰</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- 메인 right 영역 -->
<div class="right">
<div id="esport-news-view">
<h2>많이 본 뉴스</h2>
<ol>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">1</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">2</span>
</div>
<h3>'드디어 바뀐 소나'…다이애나·리신·신짜오 하향으로 정글 변화↑ [11.16 패치]</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">3</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">4</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">5</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">6</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">7</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">8</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">9</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
<li>
<a href="#" class="esport-flex-between">
<div class="image-wrap">
<img src="https://via.placeholder.com/84x48">
<span class="rank">10</span>
</div>
<h3>LPL 서머 퍼스트 팀 한국인만 셋... 타잔-도인비-바이퍼</h3>
</a>
</li>
</ol>
</div>
<div id="esport-schedule">
<h2>e스포츠 경기 일정/결과</h2>
<div class="schedule-wrap">
<div class="schedule-header esport-flex-between">
<button class="arrow arrow-left"></button>
<span>08.12 목</span>
<button class="arrow arrow-right"></button>
</div>
<div class="schedule-body">
<ul>
<li>
<h3>PWS : EAST ASIA PHASE 2 Weekly Survival W4D2</h3>
<div class="status-wrap esport-flex-center">
<span class="status">예정</span>
<span class="time">19:00</span>
</div>
</li>
<li>
<h3>2021 와일드 리프트 라이벌즈 DAY 2</h3>
<div class="status-wrap live esport-flex-center">
<span class="status">진행중</span>
<span class="time">13:00</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
AI School for Daegu