<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>대학생 아시아 대장정</title>
<link rel="stylesheet" href="./css/common.css" type="text/css">
<link rel="stylesheet" href="./css/slick.css" type="text/css">
<!-- <link rel="stylesheet" href="./css/slick-theme.css" type="text/css"> -->
<link rel="stylesheet" href="./css/main.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="./js/slick.min.js" type="text/javascript"></script>
<script src="./js/main.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<header id="header">
<div class="inner">
<h1><a href="#"><img src="./images/h1_logo.png" alt="대학생아시아대장정 로고"></a></h1>
<nav>
<ul class="gnb">
<li><a href="#">대장정 소개</a>
<ul class="depth2">
<li><a href="#">대장정소개</a></li>
<li><a href="#">인사말</a></li>
<li><a href="#">연도별현황</a></li>
</ul>
</li>
<li><a href="#">지난 대장정</a>
<ul class="depth2">
<li><a href="#">행사일정</a></li>
<li><a href="#">대장정명단</a></li>
<li><a href="#">대장정앨범</a></li>
<li><a href="#">대장정영상</a></li>
</ul>
</li>
<li><a href="#">지원하기</a>
<ul class="depth2">
<li><a href="#">프로그램안내</a></li>
<li><a href="#">지원안내</a></li>
<li><a href="#">지원하기</a></li>
<li><a href="#">최종선발자</a></li>
</ul>
</li>
<li><a href="#">프론티어</a>
<ul class="depth2">
<li><a href="#">오리엔테이션</a></li>
<li><a href="#">프론티어소개</a></li>
<li><a href="#">프론티어게시판</a></li>
<li><a href="#">프론티어앨범</a></li>
</ul>
</li>
<li><a href="#">지원센터</a>
<ul class="depth2">
<li><a href="#">공지사항</a></li>
<li><a href="#">1:1문의</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
</ul> <!-- gnb end -->
</nav>
</div> <!-- inner end -->
<div class="depth2Bg">
<!-- depth2 Background -->
</div>
</header> <!-- header end -->
<article id="mainVisual">
<img src="./images/main_visual.png" alt="2019 대학생아시아대장정 이미지">
<div class="visualTxt">
<p class="title">2019 대학생 아시아 대장정</p>
<h2>
독립의 뿌리를 찾는<br>
<span>시베리아 횡단열차</span>
</h2>
<p class="desc">
3.1운동 100주년, 대한민국 임시정부 수립 100주년을 맞아<br>
독립운동의 뿌리를 찾아 러시아 연해주로 떠납니다
</p>
</div> <!-- visualTxt end -->
</article> <!-- mainVisual end -->
<div id="contents">
<section id="guide" class="inner">
<h2><strong>교보생명</strong>과 <strong>대산문화재단</strong>이 공동 주최하는 대학생 아시아 대장정은</h2>
<p class="comment">
우리 대학생들이 아시아의 미래를 이끌어 나갈 수 있도록 현장체험 및 교육의 기회를 제공하는 청년 리더-팔로워 육성 사업입니다.<br>
많은 대학생 여러분들이 꿈과 열정을 가지고 참여하기를 기대하고 응원하고 있습니다.
</p>
<ul class="clearfix">
<li>
<a href="#">
<p>ABOUT</p>
<h3>대장정 소개</h3>
</a>
</li>
<li>
<a href="#">
<p>PROGRAM</p>
<h3>활동 프로그램</h3>
</a>
</li>
<li>
<a href="#">
<p>HISTORY</p>
<h3>지난 대장정</h3>
</a>
</li>
</ul>
</section> <!-- guide end -->
<section id="pr">
<div class="inner clearfix">
<div class="prMovie">
<iframe width="800" height="450" src="https://www.youtube.com/embed/-g9MAtIm7eE"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> <!-- prMovie end -->
<div class="prTxt">
<h2>
대학생 아시아 대장정<br>
다큐멘터리
</h2>
<p class="comment">
청춘혁명! 꿈틀거리는 베트남에서<br>
미래로 가는 열쇠를 찾다
</p>
<a class="btnMore" href="#">다큐멘터리 더보기</a>
</div> <!-- prTxt end -->
</div> <!-- inner end -->
<div class="news inner clearfix">
<h2>공지사항</h2>
<ul class="newsList">
<li><a href="#">2019 대학생아시아대장정 2차선발자 발표 및 3차전형 응시자 안내_1 <span class="date">2019.05.21</span></a>
</li>
<li><a href="#">2019 대학생아시아대장정 2차선발자 발표 및 3차전형 응시자 안내_2 <span class="date">2019.05.22</span></a>
</li>
<li><a href="#">2019 대학생아시아대장정 2차선발자 발표 및 3차전형 응시자 안내_3 <span class="date">2019.05.23</span></a>
</li>
</ul>
</div> <!-- news end -->
</section> <!-- pr end -->
<section id="sns" class="inner">
<h2>대학생 아시아 대장정 SNS</h2>
<ul class="snsList clearfix">
<li>
<a href="#">
<img src="./images/sns_01.jpg" alt="sns_01 image">
<dl>
<dt>2019 대학생아시아대장정 탐방기</dt>
<dd>2019년 여름 독립운동의 뿌리를 찾아 떠난 대학생의 성실한 탐방기</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/sns_02.jpg" alt="sns_02 image">
<dl>
<dt>18기 맛스타그램 3단계 10조</dt>
<dd>#곰새우보다 멋진 # 동기의 생일케이크를 준비한 #우정10조</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/sns_03.jpg" alt="sns_03 image">
<dl>
<dt>18기 맛스타그램 3단계 4조</dt>
<dd>#곰새우와 보리차 #상무님과 함께 #연애이야기</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/sns_04.jpg" alt="sns_04 image">
<dl>
<dt>여러분도 멋진 모델이었어요</dt>
<dd>#대학생아시아대장정 #청년정신 #청년혁명 #드디어시작</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/sns_01.jpg" alt="sns_01 image">
<dl>
<dt>2019 대학생아시아대장정 탐방기</dt>
<dd>2019년 여름 독립운동의 뿌리를 찾아 떠난 대학생의 성실한 탐방기</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/sns_02.jpg" alt="sns_02 image">
<dl>
<dt>18기 맛스타그램 3단계 10조</dt>
<dd>#곰새우보다 멋진 # 동기의 생일케이크를 준비한 #우정10조</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/sns_03.jpg" alt="sns_03 image">
<dl>
<dt>18기 맛스타그램 3단계 4조</dt>
<dd>#곰새우와 보리차 #상무님과 함께 #연애이야기</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/sns_04.jpg" alt="sns_04 image">
<dl>
<dt>여러분도 멋진 모델이었어요</dt>
<dd>#대학생아시아대장정 #청년정신 #청년혁명 #드디어시작</dd>
</dl>
</a>
</li>
</ul>
</section> <!-- sns end -->
</div> <!-- contents end -->
</div> <!-- wrap end -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.