<template>
	
	<!-- Start Header/Navigation -->
    <HomeButton />
    <!-- End Header/Navigation -->

	<div class="reveal" ref="revealRef">
		<!-- 
			<div class="backgrounds" style="background-image: url(&quot;https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg&quot;); background-size: 2100px 900px; background-position: 0px 0px;">
			<div class="slide-background present" data-loaded="true" style="display: block;">
				<div class="slide-background-content"></div>
			</div>
			<div class="slide-background future" data-loaded="true" style="display: block;">
				<div class="slide-background-content"></div></div>
				<div class="slide-background stack future" data-loaded="true" style="display: block;">
					<div class="slide-background-content"></div>
					<div class="slide-background present" data-loaded="true" style="display: block;">
						<div class="slide-background-content"></div>
					</div>
					<div class="slide-background future" style="display: none;" data-loaded="true">
						<div class="slide-background-content"></div>
					</div>
					<div class="slide-background future" style="display: none;" data-loaded="true">
						<div class="slide-background-content"></div>
					</div>
				</div>
				<div class="slide-background future" style="display: none;" data-loaded="true">
					<div class="slide-background-content"></div>
				</div>
				<div class="slide-background future" style="display: none;" data-loaded="true">
					<div class="slide-background-content"></div>
				</div>
				<div class="slide-background future" style="display: none;" data-loaded="true"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;" data-loaded="true"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;" data-loaded="true"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;" data-loaded="true"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;" data-loaded="true"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background stack future" style="display: none;"><div class="slide-background-content"></div><div class="slide-background present" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background stack future" style="display: none;"><div class="slide-background-content"></div><div class="slide-background present" data-background-hash="#ddddddnullnullnullnullnullnullnullnullnullnull" style="background: rgb(221, 221, 221); display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" data-background-hash="https://static.slid.es/reveal/image-placeholder.pngnullnullnullnullnullnullnullnullnullnull" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" data-background-hash="https://static.slid.es/reveal/image-placeholder.png100pxnullnullnullnullnullrepeatnullnullnull" data-background-size="100px" style="display: none;"><div class="slide-background-content" style="background-size: 100px; background-repeat: repeat;"></div></div><div class="slide-background future" data-background-hash="0https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4null#000000nullnullnullnullnull" style="background-color: rgb(0, 0, 0); display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" data-background-hash="http://i.giphy.com/90F8aUepslB84.gifnullnullnullnullnullnullnullnullnullnull" style="display: none;"><div class="slide-background-content"></div></div></div><div class="slide-background future" data-background-hash="#4d7e65nullnullnullnullnullnullnullnullzoomnull" data-background-transition="zoom" style="background: rgb(77, 126, 101); display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" data-background-hash="#b5533cnullnullnullnullnullnullnullnullzoomnull" data-background-transition="zoom" style="background: rgb(181, 83, 60); display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" data-background-hash="0https://hakim.senullnullnullnullnullnull" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div></div>
       -->
		<div class="slides">
  

<section>
	<!-- <p class="pb-5 mb-5"> -->
		<h1>💻 여행일본어 중급회화</h1>
	<!-- </p> -->

	<div class="row">
		<div class="col-md-12">
			<table class="table table-borderless table-responsive card-1 p-4">
				<thead>
					<tr class="border-bottom text-nowrap">
					<th class="w-10">
						<span class="ml-2"># 주차</span>
					</th>
					<th class="w-auto">
						<span class="ml-2">주제</span>
					</th>
					<th class="w-10">
						<span class="ml-4">Action</span>
					</th>
					</tr>
				</thead>
				<tbody>
					<tr class="border-bottom text-nowrap">
						<td>
							<div class="p-2">
								<span class="d-block font-weight-bold">1주차</span>
								<small>~월 ~일 ~시</small>
							</div>
						</td>
						<td>
							<div class="p-2">
								<span class="font-weight-bold">일본어 오십음도</span>
							</div>
							<div class="p-2">
								<span class="font-weight-bold">여행일정</span>
							</div>
							<div class="p-2">
								<span class="font-weight-bold">자기소개와 날짜표현 - 자기소개, 요일표현, 날짜표현, Quiz</span>
							</div>
						</td>
						<td>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(2-1)"></i>
								<!-- <Button @click="play" label="Trumpet"> 🎺 </Button> -->
							</div>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(4-1)"></i>
								<!-- <i class="fa-solid fa-play" @click="play"></i> -->
							</div>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(7-1)"></i>
							</div>
						</td>
					</tr>
					<tr class="border-bottom text-nowrap">
						<td>
							<div class="p-2">
								<span class="d-block font-weight-bold">2주차</span>
								<small>~월 ~일 ~시</small>
							</div>
						</td>
						<td>
							<div class="p-2">
								<span class="font-weight-bold">공항에서 숙소까지 - 리무진 버스 타기, 방향표현, 실제상황, 숙소 체크인, 숙소 이용, 실제상황</span>
							</div>
						</td>
						<td>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(12-1)"></i>
							</div>
						</td>
					</tr>
					<tr class="border-bottom text-nowrap">
						<td>
							<div class="p-2">
								<span class="d-block font-weight-bold">3주차</span>
								<small>~월 ~일 ~시</small>
							</div>
						</td>
						<td>
							<div class="p-2">
								<span class="font-weight-bold">식사 주문하기 - 아라시야마, 아라시야마 텐류지, 아라시야마 카페, 실제상황, 식당에서, 식당에서 주문하기, 실제상황</span>
							</div>
						</td>
						<td>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(20-1)"></i>
							</div>
						</td>
					</tr>
					<tr class="border-bottom text-nowrap">
						<td>
							<div class="p-2">
								<span class="d-block font-weight-bold">4주차</span>
								<small>~월 ~일 ~시</small>
							</div>
						</td>
						<td>
							<div class="p-2">
								<span class="font-weight-bold">버스타고 관광지 구경하기 - 시내버스 타기, 시내버스 내리기, 실제상황, 관광지에서, 실제상황</span>
							</div>
						</td>
						<td>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(29-1)"></i>
							</div>
						</td>
					</tr>
					<tr class="border-bottom text-nowrap">
						<td>
							<div class="p-2">
								<span class="d-block font-weight-bold">5주차</span>
								<small>~월 ~일 ~시</small>
							</div>
						</td>
						<td>
							<div class="p-2">
								<span class="font-weight-bold">기념품 사기 - 체크아웃, 키요미즈테라, 실제상황, 쇼핑하기, 실제상황</span>
							</div>
						</td>
						<td>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(37-1)"></i>
							</div>
						</td>
					</tr>
					<tr class="border-bottom text-nowrap">
						<td>
							<div class="p-2">
								<span class="d-block font-weight-bold">6주차</span>
								<small>~월 ~일 ~시</small>
							</div>
						</td>
						<td>
							<div class="p-2">
								<span class="font-weight-bold">특별편 - 응급 상황, 물건을 잃어버렸을 때</span>
							</div>
							<div class="p-2">
								<span class="font-weight-bold">부록. 문법 총정리 - 요일 표현, 달력 표현, 문법 표현, 부정형 표현</span>
							</div>
						</td>
						<td>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(45-1)"></i>
							</div>
							<div class="p-2 icons">
								<i class="fa fa-share" @click="goSlide(48-1)"></i>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</section>
<section>
	<h2 class="pb-5">0. 일본어 오십음도</h2>
	<p>
		<div class="row">
			<div class="col mx-4">
				<h4>히라가나</h4>
				<img src="/japanese/TravelMedium/hiragana.png" height="500px"/>
			</div>
			<div class="col mx-4">
				<h4>카타카나</h4>
				<img src="/japanese/TravelMedium/katakana.png" height="500px"/>
			</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-5">0. 일본어 오십음도</h2>
	<p>
		<div class="row">
			<div class="col mx-4">
				<h4>탁음</h4>
				<img src="/japanese/TravelMedium/tak.png" height="500px"/>
			</div>
			<div class="col mx-4">
				<h4>반탁음</h4>
				<img src="/japanese/TravelMedium/bantak.png" height="500px"/>
			</div>
			<div class="col mx-4">
				<h4>요음/촉음</h4>
				<img src="/japanese/TravelMedium/yochok.png" height="500px"/>
			</div>
		</div>
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0003.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">0. 여행일정</h2>
	<p>
		<!-- <img src="/japanese/TravelBasic/tokyoumetro.png" height="300px"/> -->
		<h4>1일차 : 하네다공항 - 오사카 이타미 공항 - (리무진) - 교토역</h4>
		<h4>교토 1일 버스패스권 구입하여 전철과 버스를 마음대로.</h4>
		<!-- <img src="/japanese/TravelBasic/routemap_skyliner.jpg" height="300px"/> -->
	</p>
</section>
<section>
	<h2 class="pb-4">0. 여행일정</h2>
	<p>
		<img src="/japanese/TravelMedium/kyouto_map_trafic.png" height="600px"/>
		
		<!-- <img src="/japanese/TravelBasic/routemap_skyliner.jpg" height="300px"/> -->
	</p>
</section>
<section>
	<h2 class="pb-4">0. 여행일정</h2>
	<p>
		<!-- <img src="/japanese/TravelBasic/tokyoumetro.png" height="300px"/> -->
		<h4>숙소 : 카덴쇼-아라시야마온센 / 카덴쇼-우메코지</h4>
		<br>
		<h4>2일차 : 텐류지 - 아라시야마 대나무숲 - 우메코지 숙소</h4>
		<h4>3일차 : 금각사 - 고엔(천황 예전거처) - 헤이안신궁 - 우메코지 숙소</h4>
		<h4>4일차 : 키요미즈테라 + 기온거리 - 후시미이나리신사 – 교토역</h4>
		<!-- <img src="/japanese/TravelBasic/routemap_skyliner.jpg" height="300px"/> -->
	</p>
</section>
<section>
	<h2 class="pb-4">1. 이것은 기억하자. 
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p0')"></i>
	</h2>
	<p>
		<div class="row">
			<div class="col"></div>
			<div class="col-7">
				<div class="alert alert-primary" role="alert">
					<h3><ruby>初<rt>はじ</rt></ruby>めまして。</h3>
					<h3>よろしくお<ruby>願<rt>ねが</rt></ruby>いします。</h3>
					<h3>요일 / 날짜  표현</h3>
				</div>
			</div>
			<div class="col"></div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">1. 자기소개와 날짜표현 - 자기소개</h2>
	<p>
		<h3>처음뵙겠습니다. :　<ruby>初<rt>はじ</rt></ruby>めまして。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p1_01')"></i>
		</h3>
		<h3>저는 ~ 입니다. :　<ruby>私<rt>わたし</rt></ruby>は～です。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p1_02')"></i>
		</h3>
		<h3>잘 부탁드립니다. :　よろしくお<ruby>願<rt>ねが</rt></ruby>いします。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p1_03')"></i>
		</h3>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 정중한 표현 :　<ruby>私<rt>わたし</rt></ruby>は～と<ruby>申<rt>もう</rt></ruby>します。(라고 합니다) 
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p1_04')"></i>
				</h3>
			</div>
		</div>
		
	</p>
</section>
<section>
	<h2 class="pb-4">1. 자기소개와 날짜표현 - 요일표현  </h2>
	<p>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td >요일</td><td >월요일</td><td>화요일</td><td>수요일</td><td>목요일</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>일본어
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p2_01')"></i>
					</td>
					<td><ruby>月曜日<rt>げつようび</rt></ruby></td>
					<td><ruby>火曜日<rt>かようび</rt></ruby></td>
					<td><ruby>水曜日<rt>すいようび</rt></ruby></td>
					<td><ruby>木曜日<rt>もくようび</rt></ruby></td>				
				</tr>
				
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td >요일</td><td>금요일</td><td>토요일</td><td>일요일</td><td>무슨 요일</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>일본어
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p2_02')"></i>
					</td>
					<td><ruby>金曜日<rt>きんようび</rt></ruby></td>
					<td><ruby>土曜日<rt>どようび</rt></ruby></td>
					<td><ruby>日曜日<rt>にちようび</rt></ruby></td>
					<td><ruby>何曜日<rt>なんようび</rt></ruby></td>
				</tr>
				
			</tbody>
		</table>
	</p>
</section>
<section>
	<h3 class="pb-4">1. 자기소개와 날짜표현 - 날짜표현</h3>
	<p>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td >숫자</td>
					<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>기수
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_01')"></i>
					</td>
					<td><ruby>一<rt>いち</rt></ruby></td>
					<td><ruby>二<rt>に</rt></ruby></td>
					<td><ruby>三<rt>さん</rt></ruby></td>
					<td><ruby>四<rt>し</rt></ruby></td>
					<td><ruby>五<rt>ご</rt></ruby></td>
				</tr>
				<tr>
					<td>월(月)
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_02')"></i>
					</td>
					<td>いちがつ</td><td>にがつ</td><td>さんがつ</td><td>しがつ</td><td>ごがつ</td>
				</tr>
				<tr>
					<td>일(日)
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_03')"></i>
					</td>
					<td class="bg-warning">ついたち</td>
					<td>ふつか</td>
					<td>みっか</td>
					<td>よっか</td>
					<td>いつか</td>
				</tr>
				<tr>
					<td>서수
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_04')"></i>
					</td>
					<td class="bg-info">ひとつ</td>
					<td>ふたつ</td>
					<td>みっつ</td>
					<td>よっつ</td>
					<td>いつつ</td>
				</tr>
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td >숫자</td>
					<td>6</td><td>7</td><td>8</td><td>9</td><td>10</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>기수
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_05')"></i>
					</td>
					<td><ruby>六<rt>ろく</rt></ruby></td>
					<td><ruby>七<rt>しち</rt></ruby></td>
					<td><ruby>八<rt>はち</rt></ruby></td>
					<td><ruby>九<rt>きゅう</rt></ruby></td>
					<td><ruby>十<rt>じゅう</rt></ruby></td>
				</tr>
				<tr>
					<td>월(月)
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_06')"></i>
					</td>
					<td>ろくがつ</td><td>しちがつ</td><td>はちがつ</td><td class="bg-info">くがつ</td><td>じゅうがつ</td>
				</tr>
				<tr>
					<td>일(日)
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_07')"></i>
					</td>
					<td>むいか</td>
					<td>なのか</td>
					<td class="bg-info">ようか</td>
					<td>ここのか</td>
					<td>とおか</td>
				</tr>
				<tr>
					<td>서수
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch1_p3_08')"></i>
					</td>
					<td>むっつ</td>
					<td>ななつ</td>
					<td>やっつ</td>
					<td>ここのつ</td>
					<td>とお</td>
				</tr>
			</tbody>
		</table>
		<h3>💡 10일 이후는 숫자 +<ruby>日<rt>にち</rt></ruby></h3>
		<h3>💡 14일 : じゅうよっか &nbsp;&nbsp;&nbsp;&nbsp; 20일 : はつか &nbsp;&nbsp;&nbsp;&nbsp; 24일 : にじゅうよっか</h3>
		
		
	</p>
</section>
<section>
	<h2 class="pb-4">1. 자기소개와 날짜표현 - Quiz</h2>
	<p>
		<h3>생일을 말해봅시다. </h3>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 말해봅시다!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ ~월 ~일 입니다. :　～<ruby>月<rt>がつ</rt></ruby>　～<ruby>日<rt>にち</rt></ruby>　です。</h3>
			</div>
		</div>
		

	</p>
</section>
<section>
	<h2 class="pb-4">2. 이것은 기억하자. 
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p0')"></i>
	</h2>
	<p>
		<div class="row">
			<div class="col"></div>
			<div class="col-7">
				<div class="alert alert-primary" role="alert">
					<h3>~<ruby>行<rt>ゆ</rt></ruby>きのバスに<ruby>乗<rt>の</rt></ruby>りたいですが。</h3>
					<h3><ruby>何時<rt>なんじ</rt></ruby>からできますか。</h3>
					<h3>~は ありませんか。</h3>
					<h3><ruby>左側<rt>ひだりがわ</rt></ruby>　/　<ruby>右側<rt>みぎがわ</rt></ruby>　/　<ruby>向<rt>む</rt></ruby>こう<ruby>側<rt>がわ</rt></ruby></h3>
					<h3>きのう / きょう / <ruby>今<rt>いま</rt></ruby> / あした / あさって</h3>
					<h3>ます의 부정표현은　ません !</h3>
				</div>
			</div>
			<div class="col"></div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">2. 공항에서 숙소까지</h2>
	<p>
		<h3>(카덴쇼-아라시야마온센 에 숙박)</h3>
		<br>
		<h3>이타미 공항에서 교토행 리무진 버스 탑승</h3>
		<h3>교토역에서 JR 산인본센 타고 아라시야마역 하차</h3>		
	</p>
</section>
<section>
	<h2 class="pb-4">2. 공항에서 숙소까지 – 리무진 버스 타기</h2>
	<p>
		<h3>~고 싶습니다만 :　~たい ですが 
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p2_01')"></i>
		</h3>
		<hr><br>
		<h3>버스정류장 은 어디 입니까? :　バス<ruby>乗<rt>の</rt></ruby>り<ruby>場<rt>ば</rt></ruby> は　どこ ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p2_02')"></i>
		</h3>
		<h3>교토행 버스를 탑니다. :　<ruby>京都<rt>きょうと</rt></ruby><ruby>行<rt>ゆ</rt></ruby>きの バスに　<ruby>乗<rt>の</rt></ruby>ります。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p2_03')"></i>
		</h3>
		<br>
		<h3>교토행 버스를 타고 싶습니다만, 매표소는 어디입니까? :</h3>
		<h3><ruby>京都<rt>きょうと</rt></ruby><ruby>行<rt>ゆ</rt></ruby>きの バスに <ruby>乗<rt>の</rt></ruby>り たい ですが、 <ruby>切符<rt>きっぷ</rt></ruby><ruby>売<rt>う</rt></ruby>り<ruby>場<rt>ば</rt></ruby>は どこ ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p2_04')"></i>
		</h3>
		<br>
		<h3>💡 ~행 :　～<ruby>行<rt>ゆ</rt></ruby>き　　　/　　　~고 싶다 :　~ たい </h3>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 교토행 버스 는 어디에서 탑니까? :　<ruby>京都<rt>きょうと</rt></ruby><ruby>行<rt>ゆ</rt></ruby>きの バスは どこで <ruby>乗<rt>の</rt></ruby>りますか。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p2_05')"></i>
				</h3>
			</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">2. 공항에서 숙소까지 – 방향표현</h2>
	<p>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>　왼쪽　　</th><th>　오른쪽　</th><th>　건너편　　</th><th>&nbsp;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>左側<rt>ひだりがわ</rt></ruby></td>
					<td><ruby>右側<rt>みぎがわ</rt></ruby></td>
					<td><ruby>向<rt>む</rt></ruby>こう<ruby>側<rt>がわ</rt></ruby></td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p3_01')"></i></td>
				</tr>
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>　여기　　　</th><th>　거기　　　</th><th>　저기　　　</th><th>&nbsp;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>ここ</td><td>そこ</td><td>あそこ</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p3_02')"></i></td>
				</tr>
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>　이쪽　　　</th><th>　그쪽　　　</th><th>　저쪽　　　</th><th>&nbsp;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>こちら</td><td>そちら</td><td>あちら</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p3_03')"></i></td>
				</tr>
			</tbody>
		</table>
		<br>
		<h3>❓ ~ です。를 붙여 대답해봅시다.</h3>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ ~번 정류장에서 타세요 :　~<ruby>番<rt>ばん</rt></ruby> <ruby>乗<rt>の</rt></ruby>り<ruby>場<rt>ば</rt></ruby>で <ruby>乗<rt>の</rt></ruby>って ください。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p3_04')"></i>
				</h3>
			</div>
		</div>
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0204.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">2. 공항에서 숙소까지 – 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-9">
				<div class="row">
					<div class="col real-content-4">
						<h3 class="real-japaness">🧑: すみません。 <ruby>京都<rt>きょうと</rt></ruby><ruby>行<rt>ゆ</rt></ruby>きのバスに<ruby>乗<rt>の</rt></ruby>りたいですが、<ruby>切符<rt>きっぷ</rt></ruby><ruby>売<rt>う</rt></ruby>り<ruby>場<rt>ば</rt></ruby>はどこですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p4_01')"></i>
						</h3>
						<h4 class="real-subtitle">실례합니다. 교토행 버스를 타고 싶습니다만, 매표소는 어디입니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h3 class="real-japaness">👧: えと、あそこの<ruby>右側<rt>みぎがわ</rt></ruby>です。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p4_02')"></i>
						</h3>
						<h4 class="real-subtitle">음.. 저기 오른쪽입니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h3 class="real-japaness">🧑: ありがとうございます。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p4_03')"></i>
						</h3>
						<h4 class="real-subtitle">감사합니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-3">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(승차표 발권 후)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h3 class="real-japaness">🧑: あのう、すみません。 <ruby>京都<rt>きょうと</rt></ruby><ruby>行<rt>ゆ</rt></ruby>きのバスはどこで<ruby>乗<rt>の</rt></ruby>りますか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p4_04')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 실례합니다. 교토행 버스는 어디에서 탑니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h3 class="real-japaness">👨‍✈️: はい。<ruby>京都<rt>きょうと</rt></ruby><ruby>行<rt>ゆ</rt></ruby>きですね。<ruby>向<rt>む</rt></ruby>こう<ruby>側<rt>がわ</rt></ruby>の<ruby>５<rt>ご</rt></ruby><ruby>番<rt>ばん</rt></ruby><ruby>乗<rt>の</rt></ruby>り<ruby>場<rt>ば</rt></ruby>で<ruby>乗<rt>の</rt></ruby>ってください。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p4_05')"></i>
						</h3>
						<h4 class="real-subtitle">네, 교토행 말씀이시죠. 건너편 5번 정류장에서 타세요.</h4>
					</div>
				</div>
			</div>
			<div class="col-md-1">&nbsp;</div>	
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">2. 공항에서 숙소까지 – 숙소 체크인</h2>
	<p>
		<h3>할 수 있습니까? :　できますか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p5_01')"></i>
		</h3>
		<hr>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>어제</th><th>오늘</th><th>지금</th><th>내일</th><th>모레</th><th>&nbsp;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>きのう</td><td>きょう</td><td><ruby>今<rt>いま</rt></ruby></td><td>あした</td><td>あさって</td><td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p5_02')"></i></td>
				</tr>
			</tbody>
		</table>
		<br>
		<h3>오늘 예약한 홍길동입니다. :　きょう　<ruby>予約<rt>よやく</rt></ruby>した　홍길동です。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p5_03')"></i>
		</h3>
		<h3>지금 체크인 할 수 있습니까? :　 <ruby>今<rt>いま</rt></ruby>　チェックイン　できますか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p5_04')"></i>
		</h3>
		<h3>체크인은 몇 시부터 할 수 있습니까? :　チェックインは　<ruby>何時<rt>なんじ</rt></ruby>から　できますか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p5_05')"></i>
		</h3>
		<h3>내일 조식은 몇 시부터 몇 시까지 입니까? :　あしたの　<ruby>朝食<rt>ちょうしょく</rt></ruby>は　<ruby>何時<rt>なんじ</rt></ruby>から　<ruby>何時<rt>なんじ</rt></ruby>まで　ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p5_06')"></i>
		</h3>
		<br>
		<h3>💡 ~부터 :　から 　/　 ~까지 :　まで</h3>
	</p>
</section>
<section>
	<h2 class="pb-4">2. 공항에서 숙소까지 – 숙소 이용　<a href="https://dormy-hotels.com/resort/hotels/kadensho/" target="_blank"><i class="fa fa-share"></i></a></h2>
	<p>
		<h3>~는 없습니까? :　~は ありませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_01')"></i>
		</h3>
		<hr>
		<h3>대중탕은 어디에 있습니까? :　<ruby>大湯屋<rt>おおゆや</rt></ruby>は　どこに　ありますか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i>
		</h3>
		<h3>좀 더 작은 유카타는 없습니까? :　もっと　<ruby>小<rt>ちい</rt></ruby>さい　ゆかたは　ありませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_03')"></i>
		</h3>
		<h3>좀 더 큰 게타는 없습니까? :　もっと　<ruby>大<rt>おお</rt></ruby>きい　げたは　ありませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_04')"></i>
		</h3>
		<br>

		<h3>💡 ます의 부정표현은　ません !</h3>
		<h3>💡 무생물은 ありません　　생물은 いません !</h3>
		
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<table class="table table-bordered bg-white text-black align-middle">
					<thead class="table-primary">
						<tr>
							<th>대욕실<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_05')"></i></th>
							<th>전세욕실<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_06')"></i></th>
							<th>노천탕<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_07')"></i></th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><ruby>大湯屋<rt>おおゆや</rt></ruby></td>
							<td><ruby>貸切湯屋<rt>かしきりゆや</rt></ruby></td>
							<td><ruby>露天風呂<rt>ろてんぶろ</rt></ruby></td>
							
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0207.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">2. 공항에서 숙소까지 – 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-9">
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(현재 시간 2시 30분)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: こんにちは。きょう<ruby>予約<rt>よやく</rt></ruby>した홍길동です。<ruby>今<rt>いま</rt></ruby>チェックインできますか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p7_01')"></i>
						</h3>
						<h4 class="real-subtitle">안녕하세요. 오늘 예약한 홍길동입니다. 지금 체크인 할 수 있습니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👧: すみません。チェックインは3時からでございます。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p7_02')"></i>
						</h3>
						<h4 class="real-subtitle">죄송합니다. 체크인은 3시부터이십니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(3시 체크인 후)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あしたの<ruby>朝食<rt>ちょうしょく</rt></ruby>は<ruby>何時<rt>なんじ</rt></ruby>から<ruby>何時<rt>なんじ</rt></ruby>までですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p7_03')"></i>
						</h3>
						<h4 class="real-subtitle">내일 조식은 몇 시부터 몇 시까지 입니까?　</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👧: 6<ruby>時<rt>じ</rt></ruby>から11<ruby>時<rt>じ</rt></ruby>までです。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p7_04')"></i>
						</h3>
						<h4 class="real-subtitle">6시부터 11시까지 입니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(유카타 고른 후)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あのう、すみません。もっと<ruby>小<rt>ちい</rt></ruby>さいゆかたはありませんか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p7_05')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 죄송한데, 좀 더 작은 유카타는 없습니까?</h4>
					</div>
				</div>
				<!-- <div class="row">
					<div class="col real-content-4">
						<h3 class="real-japaness">👧: こちらにあります。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p7_03')"></i>
						</h3>
						<h4 class="real-subtitle">이쪽에 있습니다.</h4>
					</div>
				</div> -->
			</div>
			<div class="col-md-1">&nbsp;</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">3. 이것은 기억하자.
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p0')"></i>
	</h2>
	<p>
		<div class="row">
			<div class="col"></div>
			<div class="col-7">
				<div class="alert alert-primary" role="alert">
					<h3><ruby>立入禁止<rt>たちいりきんし</rt></ruby></h3>
					<h3>~できませんか。</h3>
					<h3>~は　<ruby>何<rt>なん</rt></ruby>ですか。</h3>
					<h3>~と、~そして、あと</h3>
					<h3>あさ / ひる / よる / <ruby>午前<rt>ごぜん</rt></ruby> / <ruby>午後<rt>ごご</rt></ruby></h3>
					<h3>~는 : は　/ ~이 : が　/ ~도 : も</h3>
				</div>
			</div>
			<div class="col"></div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">3. 식사 주문하기</h2>
	<p>
		<!-- <img src="/japanese/TravelBasic/tokyoumetro.png" height="300px"/> -->
		<h4>오전 : 텐류지와 아라시야마 대나무숲 관람</h4>
		<h4>오후 : 아라시야마역에서 JR 산인본센 타고 교토역 하차, 카덴쇼-우메코지 에 숙박</h4>
		<!-- <img src="/japanese/TravelBasic/routemap_skyliner.jpg" height="300px"/> -->
	</p>


</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0302.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">3. 식사 주문하기 – 아라시야마</h2>
	
	
	<p>
		<h3>출입금지 :　<ruby>立入禁止<rt>たちいりきんし</rt></ruby></h3>
		<!-- <img src="/japanese/TravelBasic/tokyoumetro.png" height="300px"/> -->
		
		<!-- <img src="/japanese/TravelBasic/routemap_skyliner.jpg" height="300px"/> -->
	</p>
</section>
<section>
	<h2 class="pb-4">3. 식사 주문하기 – 아라시야마 텐류지</h2>
	
	<p>
		<h3>할 수 없습니까? :　できませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p3_01')"></i>
		</h3>
		<hr> <br>
		<h3>오늘 텐류지는 볼 수 없습니까? :　きょう <ruby>天龍寺<rt>てんりゅうじ</rt></ruby>は　<ruby>見<rt>み</rt></ruby>ることが　できませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p3_02')"></i>
		</h3>
		<h3>그럼 죽림도 갈 수 없습니까? :　では、<ruby>竹林<rt>ちくりん</rt></ruby>も　<ruby>行<rt>い</rt></ruby>くことが　できませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p3_03')"></i>
		</h3>
		<h4>(직역 : ~하는 것을 할 수 없습니까?)</h4>
		<br>

		<h3>💡 ~는(은) : は　/ ~이(가) : が　/ ~도 : も</h3>
		<h3>💡 できますか。의 부정표현은 できませんか。!</h3>
		<br>

		<h3>~하는 것 :　동사 원형(~다) + こと</h3>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>가는 것<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p3_04')"></i></th>
					<th>보는 것<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p3_05')"></i></th>
					<th>타는 것<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p3_06')"></i></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>行<rt>い</rt></ruby>く こと</td>
					<td><ruby>見<rt>み</rt></ruby>る こと</td>
					<td><ruby>乗<rt>の</rt></ruby>る こと</td>
				</tr>
			</tbody>
		</table>
		<br>

		<!-- <div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 어떻게 갑니까? : どうやって　<ruby>行<rt>い</rt></ruby>きますか。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p1_03')"></i>
				</h3>
			</div>
		</div> -->
	</p>
</section>
<section>
	<h2 class="pb-4">3. 식사 주문하기 – 아라시야마 카페</h2>
	
	<p>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>아침<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p4_01')"></i></th>
					<th>점심<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p4_02')"></i></th>
					<th>밤<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p4_03')"></i></th>
					<th>오전<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p4_04')"></i></th>
					<th>오후<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p4_05')"></i></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>あさ</td><td>ひる</td><td>よる</td>
					<td><ruby>午前<rt>ごぜん</rt></ruby></td>
					<td><ruby>午後<rt>ごご</rt></ruby></td>
				</tr>
			</tbody>
		</table>
		<img src="/japanese/TravelMedium/bg/japanese_medium_0304.png" style="height:500px;width:auto;"/>
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0305.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">3. 식사 주문하기 – 아라시야마 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-9">
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あのう、すみません。きょう<ruby>天龍寺<rt>てんりゅうじ</rt></ruby>は<ruby>見<rt>み</rt></ruby>ることができませんか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_01')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 죄송한데.. 오늘 텐류지는 볼 수 없습니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧙‍♀️: <ruby>申<rt>もう</rt></ruby>し<ruby>訳<rt>わけ</rt></ruby>ございません。あさってまで<ruby>見<rt>み</rt></ruby>ることができません。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_02')"></i>
						</h3>
						<h4 class="real-subtitle">죄송합니다. 모레까지 볼 수 없습니다.</h4>
					</div>
				</div>
				<!-- <div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: <ruby>残念<rt>ざんねん</rt></ruby>ですね。では、<ruby>竹林<rt>ちくりん</rt></ruby>も<ruby>行<rt>い</rt></ruby>くことができませんか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p2_03')"></i>
						</h3>
						<h4 class="real-subtitle">아쉽네요. 그럼 죽림도 갈 수 없습니까?</h4>
					</div>
				</div> -->
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧙‍♀️: <ruby>竹林<rt>ちくりん</rt></ruby>は<ruby>行<rt>い</rt></ruby>くことができます。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_03')"></i>
						</h3>
						<h4 class="real-subtitle"> 죽림은 갈 수 있습니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(아침 9시 죽림 앞 작은 카페에서)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: コーヒー<ruby>一<rt>ひと</rt></ruby>つください。おにぎりも<ruby>一<rt>ひと</rt></ruby>つください。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_04')"></i>
						</h3>
						<h4 class="real-subtitle">커피 하나 주세요. 주먹밥도 하나 주세요.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👩: コーヒーはできます。おにぎりは<ruby>午前<rt>ごぜん</rt></ruby>１１<ruby>時<rt>じ</rt></ruby>からですので、できません。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_05')"></i>
						</h3>
						<h4 class="real-subtitle">커피는 됩니다. 주먹밥은 오전 11시부터라서, 할 수 없습니다.</h4>
					</div>
				</div>
			</div>
			<div class="col-md-1"></div>
		</div>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 죄송합니다 : <ruby>申<rt>もう</rt></ruby>し<ruby>訳<rt>わけ</rt></ruby>ございません。 (すみません의 높임표현!)
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_06')"></i>
				</h3>
				<!-- <h3 class="card-text">✔️ 아쉽네요. 안타깝네요. : <ruby>残念<rt>ざんねん</rt></ruby>です。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p3_03')"></i>
				</h3> -->
			</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">3. 식사 주문하기 – 식당에서 </h2>
	<p>
		<h3>~는 뭡니까(무엇입니까?) :　～は　<ruby>何<rt>なん</rt></ruby>ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p6_01')"></i>
		</h3>
		<hr><br>
		<h3>추천 메뉴는 무엇입니까? :　おすすめの　メニューは　<ruby>何<rt>なん</rt></ruby>ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p6_02')"></i>
		</h3>
		<h3>오늘의 점심은 무엇입니까? :　<ruby>日替<rt>ひが</rt></ruby>わり　ランチは　<ruby>何<rt>なん</rt></ruby>ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p6_03')"></i>
		</h3>
		<h3>따뜻한 것은 무엇입니까? :　あたたかい　ものは　<ruby>何<rt>なん</rt></ruby>ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p6_04')"></i>
		</h3>
		
		<br>
		
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 마실 것은 무엇으로 하시겠어요?:　<ruby>飲<rt>の</rt></ruby>み<ruby>物<rt>もの</rt></ruby>は　<ruby>何<rt>なん</rt></ruby>に　しますか（なさいますか）。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p6_05')"></i>
				</h3>
				<h3 class="card-text">✔️ なさいますか 는  しますか 의 높임표현!
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p3_03')"></i> -->
				</h3>
			</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">3. 식사 주문하기 – 식당에서 주문하기</h2>
	<p>
		<h3>~와 ~ 그리고, 또 :　～と～　そして、あと
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_01')"></i>
		</h3>
		<hr> 
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>곱빼기<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_02')"></i></th>
					<th>리필<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_03')"></i></th>
					<th>찬물<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_04')"></i></th>
					<th>따뜻한 물<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_05')"></i></th>
					<th>앞접시<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_06')"></i></th>
					<th>젓가락<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_07')"></i></th>
					<th>밥<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_08')"></i></th>
					<th>된장국<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_09')"></i></th>
					<th>계란말이<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_10')"></i></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>おおもり</td><td>おかわり</td><td>おひや</td><td>おゆ</td>
					<td><ruby>取<rt>と</rt></ruby>り<ruby>皿<rt>ざら</rt></ruby></td>
					<td>おはし</td><td>ごはん</td>
					<td>みそ<ruby>汁<rt>しる</rt></ruby></td>
					<td>たまごやき</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p4_02_1')"></i></td> -->
				</tr>
			</tbody>
		</table>
		<br>
		<h3>가쯔동 2개와 오야코동 1개 그리고 계란말이 주세요. 또 찬물도 주세요. :</h3>
		<h3>カツ<ruby>丼<rt>どん</rt></ruby><ruby>二<rt>ふた</rt></ruby>つ　と　<ruby>親子丼<rt>おやこどん</rt></ruby><ruby>一<rt>ひと</rt></ruby>つ、そして　たまごやきください。あと、おひやもお<ruby>願<rt>ねが</rt></ruby>いします。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_11')"></i>
		</h3>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>병(<ruby>本<rt>ほん</rt></ruby>)
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_12')"></i>
					</td>
					<td class="bg-info">いっぽん</td>
					<td>にほん</td>
					<td class="bg-warning">さんぼん</td>
					<td>よんほん</td>
					<td>ごほん</td>
					<td class="bg-info">ろっぽん</td>
					<td>ななほん</td>
					<td class="bg-info">はっぽん</td>
					<td>きゅうほん</td>
					<td class="bg-info">じゅっぽん</td>
				</tr>
				<tr>
					<td>잔(<ruby>杯<rt>はい</rt></ruby>)
						<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_13')"></i>
					</td>
					<td class="bg-info">いっぱい</td>
					<td>にはい</td>
					<td class="bg-warning">さんばい</td>
					<td>よんはい</td>
					<td>ごはい</td>
					<td class="bg-info">ろっぱい</td>
					<td>ななはい</td>
					<td class="bg-info">はっぱい</td>
					<td>きゅうはい</td>
					<td class="bg-info">じゅっぱい</td>
				</tr>
			</tbody>
		</table>
		<br>
		<h3>맥주 ~병 주세요. :　ビール　～<ruby>本<rt>ほん</rt></ruby> ください。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_14')"></i>
		<br>
		생맥주 ~잔 주세요. :　<ruby>生<rt>なま</rt></ruby>ビール　～<ruby>杯<rt>はい</rt></ruby>　ください。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p7_15')"></i>
		</h3>
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0308.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">3. 식사 주문하기 – 식당에서 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-8">
				<div class="row">
					<div class="col real-content-2">
						<!-- <h3 class="real-japaness">👩: いらっしゃいませ。<ruby>何名様<rt>なんめいさま</rt></ruby>ですか。 -->
						<h3 class="real-japaness">👩: いらっしゃいませ。こちらへどうぞ。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p8_01')"></i>
						</h3>
						<h4 class="real-subtitle">어서오십쇼. 이쪽으로 오십쇼.</h4>
					</div>
				</div>
				<!-- <div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: ４<ruby>人<rt>にん</rt></ruby>です。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_01')"></i>
						</h3>
						<h4 class="real-subtitle">4명입니다.</h4>
					</div>
				</div> -->
				<!-- <div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👩: はい。こちらへどうぞ。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p5_02')"></i>
						</h3>
						<h4 class="real-subtitle">옙! 이쪽으로 오십쇼.</h4>
					</div>
				</div> -->
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(메뉴판 보는 중..)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-3">
						<h3 class="real-japaness">🧑: すみません。おすすめのメニューは<ruby>何<rt>なん</rt></ruby>ですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p8_02')"></i>
						</h3>
						<h4 class="real-subtitle">저기요~! 추천 메뉴는 무엇입니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-3">
						<h3 class="real-japaness">👩: <ruby>今日<rt>きょう</rt></ruby>のおすすめはカツ<ruby>丼<rt>どん</rt></ruby>とたまごやきです。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p8_03')"></i>
						</h3>
						<h4 class="real-subtitle">오늘의 추천메뉴는 가츠동과 계란말이입니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-3">
						<h3 class="real-japaness">🧑: では、カツ<ruby>丼<rt>どん</rt></ruby><ruby>二<rt>ふた</rt></ruby>つと<ruby>親子丼<rt>おやこどん</rt></ruby><ruby>一<rt>ひと</rt></ruby>つ、そしてたまごやきください。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p8_04')"></i>
						</h3>
						<h4 class="real-subtitle">그럼, 가츠동 둘이랑 오야코동 하나, 그리고 계란말이 주세요.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-3">
						<h3 class="real-japaness">🧑: あと、ビールも3<ruby>本<rt>ぼん</rt></ruby>お<ruby>願<rt>ねが</rt></ruby>いします。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch3_p8_05')"></i>
						</h3>
						<h4 class="real-subtitle">또, 맥주도 3병 주세요.</h4>
					</div>
				</div>
			</div>
			<div class="col-md-1">&nbsp;</div>	
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">4. 이것은 기억하자.
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p0')"></i>
	</h2>
	<p>
		<div class="row">
			<div class="col"></div>
			<div class="col-7">
				<div class="alert alert-primary" role="alert">
					<h3>~では ありません (じゃないんです)</h3>
					<h3>~ば　いいですか。</h3>
					<h3>~ても　いいですか。</h3>
					<h3>~ては　いけません。</h3>
					<h3>~을(를) : ~を</h3>
				</div>
			</div>
			<div class="col"></div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">4. 버스타고 관광지 구경하기</h2>
	<p>
		<h3>교토버스 이용은 1일 이용권을 구매하거나 요금 내기!</h3>
		<h3>💡 교토버스는 뒷문으로 타서 앞문으로 내립니다.</h3>
		<br>
		<h3>입구 :　<ruby>入口<rt>いりぐち</rt></ruby> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;출구 :　<ruby>出口<rt>でぐち</rt></ruby></h3>
		
		<br>
		<h4>오전 : 교토역으로 가서 205번 타고 금각사 관람</h4>
		<h4>오후 : 205번 타고 고엔 구경 뒤 도보로 헤이안신궁</h4>
		<h4>저녁 : 206번 타고 숙소</h4>
	</p>
</section>
<section>
	<h2 class="pb-4">4. 버스타고 관광지 구경하기 - 시내버스 타기</h2>
	<p>
		<h3>~은/는/이/가  아닙니다. :　では ありません
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p2_01')"></i>
		</h3>
		<hr>
		<h3>금각사에 가는 버스는 200번입니까? :　<ruby>金閣寺<rt>きんかくじ</rt></ruby>に <ruby>行<rt>い</rt></ruby>く バスは ２００<ruby>番<rt>ばん</rt></ruby> ですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p2_02')"></i>
		</h3>
		<h3>200번이 아닙니다. :　２００<ruby>番<rt>ばん</rt></ruby>では ありません。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p2_03')"></i>
		</h3>
		<h3>여기는 버스 정류장이 아닌가요? :　ここは バス<ruby>停<rt>てい</rt></ruby>じゃ ないんですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p2_04')"></i>
		</h3>
		<h3>여기가 아니예요. :　ここじゃ ないんですよ。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p2_05')"></i>
		</h3>
		<br>
		<h3>💡 です 의 부정표현은　では ありません!</h3>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ では ありません 의 줄임표현은 じゃないんです(가 아니예요.)
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p2_04')"></i> -->
				</h3>
				<h3 class="card-text">✔️ 일상대화에서는 じゃないんです。정중할 땐 では ありません
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p2_05')"></i> -->
				</h3>
			</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">4. 버스타고 관광지 구경하기 - 시내버스 내리기</h2>
	<p>
		<h3>~면 됩니까? :　~ば　いいですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p3_01')"></i>
		</h3>
		<hr>
		<h3>버스1일권은 여기서 사면 됩니까? :　バス<ruby>一<rt>いち</rt></ruby><ruby>日<rt>にち</rt></ruby><ruby>券<rt>けん</rt></ruby>は　ここで　<ruby>買<rt>か</rt></ruby>えば　いいですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p3_02')"></i>
		</h3>
		<h3>여기에서 내리면 됩니까? :　ここで　<ruby>下<rt>おり</rt></ruby>りれば　いいですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p3_03')"></i>
		</h3>
		<h3>이쪽으로 가면 됩니까? :　こっちに　<ruby>行<rt>い</rt></ruby>けば　いいですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p3_04')"></i>
		</h3>
		
		<br>
		<h3>💡 동사를  え단으로 바꿔서  ば를 붙임!</h3>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>원형 (~다) </th><th>마스형 (~입니다)</th><th>가정형 (~면)</th><th>&nbsp;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>行<rt>い</rt></ruby>く</td>
					<td><ruby>行<rt>い</rt></ruby>きます</td>
					<td><ruby>行<rt>い</rt></ruby><span style = "color:red"><strong>け</strong></span>ば</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p3_05')"></i></td>
				</tr>
				<tr>
					<td><ruby>乗<rt>の</rt></ruby>る</td>
					<td><ruby>乗<rt>の</rt></ruby>ります</td>
					<td><ruby>乗<rt>の</rt></ruby><span style = "color:red"><strong>れ</strong></span>ば</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p3_06')"></i></td>
				</tr>
				<tr>
					<td><ruby>買<rt>か</rt></ruby>う</td>
					<td><ruby>買<rt>か</rt></ruby>います</td>
					<td><ruby>買<rt>か</rt></ruby><span style = "color:red"><strong>え</strong></span>ば</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p3_07')"></i></td>
				</tr>
			</tbody>
		</table>
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0404.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">4. 버스타고 관광지 구경하기 - 시내버스 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-9">
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あのう、すみません。<ruby>金閣寺<rt>きんかくじ</rt></ruby>に <ruby>行<rt>い</rt></ruby>くバスは２００<ruby>番<rt>ばん</rt></ruby> ですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p4_01')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 실례합니다. 금각사에 가는 버스는 200번입니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👩‍🦱: ２００<ruby>番<rt>ばん</rt></ruby>では ありません。２０５<ruby>番<rt>ばん</rt></ruby>です。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p4_02')"></i>
						</h3>
						<h4 class="real-subtitle">200번이 아닙니다. 205번이예요.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: ここは２０５<ruby>番<rt>ばん</rt></ruby>のバス<ruby>停<rt>てい</rt></ruby>じゃ ないんですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p4_03')"></i>
						</h3>
						<h4 class="real-subtitle">여기는 205번 버스정류장이 아닌가요?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👩‍🦱: ここじゃ ないんですよ。<ruby>向<rt>む</rt></ruby>こう<ruby>側<rt>がわ</rt></ruby>です。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p4_04')"></i>
						</h3>
						<h4 class="real-subtitle">여기 아니예요. 건너편입니다. </h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(버스 내릴 때)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: すみません。バス<ruby>一<rt>いち</rt></ruby><ruby>日<rt>にち</rt></ruby><ruby>券<rt>けん</rt></ruby>はここで<ruby>買<rt>か</rt></ruby>えばいいですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p4_05')"></i>
						</h3>
						<h4 class="real-subtitle">실례합니다. 버스1일권은 여기에서 사면 되나요?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👴: はい。７００<ruby>円<rt>えん</rt></ruby>です。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p4_06')"></i>
						</h3>
						<h4 class="real-subtitle">네. 700엔입니다.</h4>
					</div>
				</div>
			</div>
			<div class="col-md-1">&nbsp;</div>	
		</div>
	</p>
</section>
<!-- <section data-background-video="/japanese/TravelBasic/sound/japanese_medium_ch4_drama.mp4">
</section> -->

<section>
	<h2 class="pb-4">4. 버스타고 관광지 구경하기 – 관광지에서</h2>
	<p>
		<h3>~해도 됩니까? :　~ても　いいですか。(직역 : ~도 좋습니까?)
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_01')"></i>
		</h3>
		<hr><br>
		<h3>마실 것은 마셔도 됩니다 :　<ruby>飲<rt>の</rt></ruby>み<ruby>物<rt>もの</rt></ruby>は　<ruby>飲<rt>の</rt></ruby>んでも　いいです。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_02')"></i>
		</h3>
		<h3>여기에서 사진 찍어도 됩니까? :　ここで　<ruby>写真<rt>しゃしん</rt></ruby>　<ruby>撮<rt>と</rt></ruby>っても　いいですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_03')"></i>
		</h3>
		<h3>도시락 먹어도 됩니까? :　お<ruby>弁当<rt>べんとう</rt></ruby>　<ruby>食<rt>た</rt></ruby>べても　いいですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_04')"></i>
		</h3>
		<h3>들어가도 됩니까? :　<ruby>入<rt>はい</rt></ruby>っても　いいですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_05')"></i>
		</h3>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>사진을 찍다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_06')"></i></th>
					<th>도시락을 먹다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_07')"></i></th>
					<th>마실 것을 마시다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p5_08')"></i></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>写真<rt>しゃしん</rt></ruby>を<ruby>撮<rt>と</rt></ruby>る</td>
					<td>お<ruby>弁当<rt>べんとう</rt></ruby>を<ruby>食<rt>た</rt></ruby>べる</td>
					<td><ruby>飲<rt>の</rt></ruby>み<ruby>物<rt>もの</rt></ruby>を<ruby>飲<rt>の</rt></ruby>む</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i></td> -->
				</tr>
			</tbody>
		</table>
		<br>
		<h3>💡 ~을 :　~を </h3>
	</p>
</section>
<section>
	<h2 class="pb-4">4. 버스타고 관광지 구경하기 – 관광지에서</h2>
	<p>
		<h3>~하면 안됩니다. :　～ては　いけません。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p6_01')"></i>
		</h3>
		<hr><br>
		<h3>사진을 찍으면 안됩니다. :　<ruby>写真<rt>しゃしん</rt></ruby>を　<ruby>撮<rt>と</rt></ruby>っては いけません。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p6_02')"></i>
		</h3>
		<h3>도시락은 먹으면 안됩니다. :　 お<ruby>弁当<rt>べんとう</rt></ruby>は <ruby>食<rt>た</rt></ruby>べては いけません。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p6_03')"></i>
		</h3>
		<h3>들어가면 안됩니다. :　<ruby>入<rt>はい</rt></ruby>っては いけません。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p6_04')"></i>
		</h3>
		<br>

		<h3>💡가벼운 표현은 ~ては　いけないんです! (~하면 안돼요.)</h3>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 하지 마세요 :　ないで　ください。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p6_05')"></i>
				</h3>
				<h3 class="card-text">✔️ (Ex) 들어가지 마세요 :　<ruby>入<rt>はい</rt></ruby>らないで　ください。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p6_06')"></i>
				</h3>
			</div>
		</div>
		
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0407.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">4. 버스타고 관광지 구경하기 – 관광지에서 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-8">
				<div class="row">
					<div class="col real-content-5">
						<h3 class="real-japaness">🧑: あのう、すみません。ここでお<ruby>弁当<rt>べんとう</rt></ruby><ruby>食<rt>た</rt></ruby>べてもいいですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p7_01')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 실례합니다. 여기에서 도시락 먹어도 됩니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-5">
						<h3 class="real-japaness">👩‍✈️: いいえ。お<ruby>弁当<rt>べんとう</rt></ruby>は<ruby>食<rt>た</rt></ruby>べてはいけません。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p7_02')"></i>
						</h3>
						<h4 class="real-subtitle">아니요. 도시락은 먹으면 안됩니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-5">
						<h3 class="real-japaness">🧑: では、<ruby>写真<rt>しゃしん</rt></ruby>は<ruby>撮<rt>と</rt></ruby>ってもいいですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p7_03')"></i>
						</h3>
						<h4 class="real-subtitle">그럼, 사진은 찍어도 되나요?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-5">
						<h3 class="real-japaness">👩‍✈️: はい。<ruby>写真<rt>しゃしん</rt></ruby>は<ruby>撮<rt>と</rt></ruby>ってもいいです。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch4_p7_04')"></i>
						</h3>
						<h4 class="real-subtitle">네. 사진은 찍어도 됩니다.</h4>
					</div>
				</div>
			</div>
			<div class="col-md-1">&nbsp;</div>	
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">5. 이것은 기억하자.
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p0')"></i>
	</h2>
	<p>
		<div class="row">
			<div class="col"></div>
			<div class="col-7">
				<div class="alert alert-primary" role="alert">
					<h3>ちょっと<ruby>待<rt>ま</rt></ruby>ってください。</h3>
					<h3>ゆっくり<ruby>話<rt>はな</rt></ruby>してください。</h3>
					<h3><ruby>写真<rt>しゃしん</rt></ruby>を<ruby>撮<rt>と</rt></ruby>ってもらえませんか。</h3>
					<h3>ちょっと<ruby>大<rt>おお</rt></ruby>きくありませんか。</h3>
					<h3>あまり<ruby>好<rt>す</rt></ruby>きではありません。</h3>
				</div>
			</div>
			<div class="col"></div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">5. 기념품 사기</h2>
	<p>
		<!-- <img src="/japanese/TravelBasic/tokyoumetro.png" height="300px"/> -->
		<h4>오전 : 206번 타고 키요미즈테라 관람 후 기온거리에서 쇼핑</h4>
		<h4>오후 : 게이한 철도 타고 후시미이나리 신사 관람 후 다시 교토역</h4>
		<!-- <img src="/japanese/TravelBasic/routemap_skyliner.jpg" height="300px"/> -->
	</p>


</section>
<section>
	<h2 class="pb-4">5. 기념품 사기 – 체크아웃</h2>
	<p>
		<h3>~해 주세요 :　~て　ください。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_01')"></i>
		</h3>
		<hr>
		<h3>11시까지 체크아웃 해 주세요. :　11<ruby>時<rt>じ</rt></ruby>まで　チェックアウト　して　ください。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_02')"></i>
		</h3>
		<h3>잠시 기다려주세요. :　ちょっと <ruby>待<rt>ま</rt></ruby>って ください。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_03')"></i>
		</h3>
		<h3>천천히 말해 주세요. :　ゆっくり <ruby>話<rt>はな</rt></ruby>して ください。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_04')"></i>
		</h3>
		<h3>한 번 더 말해 주세요. :　もう　<ruby>一度<rt>いちど</rt></ruby>　<ruby>話<rt>はな</rt></ruby>して　ください。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_05')"></i>
		</h3>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ ~ 주세요 :　명사 + ください。
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p1_06')"></i> -->
				</h3>
				<h3 class="card-text">✔️ ~ 해 주세요 :　て ください。
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p1_07')"></i> -->
				</h3>
				<h3 class="card-text">✔️ ~ 하지 마세요 :　~ないで　ください。
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p1_07')"></i> -->
				</h3>
			</div>
		</div>
	
		
	</p>
</section>
<section>
	<h2 class="pb-4">5. 기념품 사기 – 키요미즈테라</h2>
	<p>
		<h3>~해 주실 수 있습니까? :　~て　もらえますか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_01')"></i>
		</h3>
		<hr><br>
		<h3>한 장 더 주실 수 있습니까? :　もう 一<ruby>枚<rt>まい</rt></ruby> もらえますか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_02')"></i>
		</h3>
		<h3>짐을 맡아주실 수 있습니까? :　<ruby>荷物<rt>にもつ</rt></ruby>を <ruby>預<rt>あず</rt></ruby>かって もらえますか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_03')"></i>
		</h3>
		<h3>사진을 찍어주실 수 없습니까? :　<ruby>写真<rt>しゃしん</rt></ruby>を <ruby>撮<rt>と</rt></ruby>って もらえませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_04')"></i>
		</h3>
		
		<br>
		<h3>💡 더 정중한 표현 :　て いただけますか。(て もらえますか 의 겸양표현)</h3>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<tbody>
				<tr>
					<td style="background-color:#bdf3f2">~해 주세요.</td>
					<td style="background-color:#bdf3f2">~てください。</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_05_1')"></i></td>
					<td style="background-color:#A9C7F5">~해 주실 수 있으십니까?</td>
					<td style="background-color:#A9C7F5">~ていただけますか。</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_05_4')"></i></td>
				</tr>
				<tr>
					<td style="background-color:#5ce9e7">~해 주실 수 있습니까?</td>
					<td style="background-color:#5ce9e7">~てもらえますか。</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_05_2')"></i></td>
					<td style="background-color:#6F9FED">~해 주실 수 없으십니까?</td>
					<td style="background-color:#6F9FED">~ていただけませんか。</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_05_5')"></i></td>
				</tr>
				<tr>
					<td style="background-color:#26ade2">~해 주실 수 없습니까?</td>
					<td style="background-color:#26ade2">~てもらえませんか。</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_05_3')"></i></td>
					<td style="background-color:#2F79ED">~해 주실 수 없으실까요?</td>
					<td style="background-color:#2F79ED">~ていただけませんでしょうか。</td>
					<td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_05_6')"></i></td>
				</tr>
				
				
			</tbody>
		</table>
		
	
		
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0504.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">5. 기념품 사기 – 체크아웃 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-9">
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(오전 10시 50분)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🤵: お<ruby>客様<rt>きゃくさま</rt></ruby>、<ruby>申<rt>もう</rt></ruby>し<ruby>訳<rt>わけ</rt></ruby>ございませんが、11<ruby>時<rt>じ</rt></ruby>までチェックアウトしてください。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p4_01')"></i>
						</h3>
						<h4 class="real-subtitle">고객님, 죄송하지만, 11시까지 체크아웃해 주세요.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: はい。ちょっと<ruby>待<rt>ま</rt></ruby>ってください。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p4_02')"></i>
						</h3>
						<h4 class="real-subtitle">네. 잠시 기다려주세요.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(체크아웃 후)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あのう、4<ruby>時<rt>じ</rt></ruby>まで<ruby>荷物<rt>にもつ</rt></ruby>を<ruby>預<rt>あず</rt></ruby>かってもらえますか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p4_03')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 4시까지 짐을 맡아주실 수 있습니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🤵: はい。もちろんです
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p4_04')"></i>
						</h3>
						<h4 class="real-subtitle">네. 물론입니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-1">
						<h3 class="real-japaness"><small style="vertical-align: middle;">(키요미즈테라 관람 중)</small></h3>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あのう、すみません。<ruby>写真<rt>しゃしん</rt></ruby>を<ruby>撮<rt>と</rt></ruby>ってもらえませんか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p4_05')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 실례합니다. 사진을 찍어주실 수 없을까요?</h4>
					</div>
				</div>
				<!-- <div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👩: はい。いいですよ。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_04')"></i>
						</h3>
						<h4 class="real-subtitle">네, 좋아요.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: ありがとうございます。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_03')"></i>
						</h3>
						<h4 class="real-subtitle">감사합니다.</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👩: じゃ、<ruby>撮<rt>と</rt></ruby>ります。はい、チーズ！
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p2_04')"></i>
						</h3>
						<h4 class="real-subtitle">그럼, 찍습니다. 치즈~</h4>
					</div>
				</div> -->
				
			</div>
			<div class="col-md-1"></div>	
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">5. 기념품 사기 – 쇼핑하기</h2>
	<p>
		<h3>~지 않습니까? :　く　ありませんか。(い 형용사)
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_01')"></i>
		</h3>
		<hr>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th></th>
					<th>달다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_1')"></i></th>
					<th>크다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_2')"></i></th>
					<th>작다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_3')"></i></th>
					<th>많다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_4')"></i></th>
					<th>멀다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_5')"></i></th>
					<th>가깝다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_6')"></i></th>
					<th>비싸다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_7')"></i></th>
					<th>싸다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_02_8')"></i></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>~다(원형)</td>
					<td><ruby>甘<rt>あま</rt></ruby>い</td>
					<td><ruby>大<rt>おお</rt></ruby>きい</td>
					<td><ruby>小<rt>ちい</rt></ruby>さい</td>
					<td><ruby>多<rt>おお</rt></ruby>い</td>
					<td><ruby>遠<rt>とお</rt></ruby>い</td>
					<td><ruby>近<rt>ちか</rt></ruby>い</td>
					<td><ruby>高<rt>たか</rt></ruby>い</td>
					<td><ruby>安<rt>やす</rt></ruby>い</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i></td> -->
				</tr>
				<tr>
					<td>~ㄴ(+명사)</td>
					<td><ruby>甘<rt>あま</rt></ruby>い</td>
					<td><ruby>大<rt>おお</rt></ruby>きい</td>
					<td><ruby>小<rt>ちい</rt></ruby>さい</td>
					<td><ruby>多<rt>おお</rt></ruby>い</td>
					<td><ruby>遠<rt>とお</rt></ruby>い</td>
					<td><ruby>近<rt>ちか</rt></ruby>い</td>
					<td><ruby>高<rt>たか</rt></ruby>い</td>
					<td><ruby>安<rt>やす</rt></ruby>い</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i></td> -->
				</tr>
				<tr>
					<td>~ㅂ니다</td>
					<td><ruby>甘<rt>あま</rt></ruby>いです</td>
					<td><ruby>大<rt>おお</rt></ruby>きいです</td>
					<td><ruby>小<rt>ちい</rt></ruby>さいです</td>
					<td><ruby>多<rt>おお</rt></ruby>いです</td>
					<td><ruby>遠<rt>とお</rt></ruby>いです</td>
					<td><ruby>近<rt>ちか</rt></ruby>いです</td>
					<td><ruby>高<rt>たか</rt></ruby>いです</td>
					<td><ruby>安<rt>やす</rt></ruby>いです</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i></td> -->
				</tr>
			</tbody>
		</table>
		<br>
		<!-- <h3>단 과자가 많습니다. :　<ruby>甘<rt>あま</rt></ruby>い　お菓子(かし)が　<ruby>多<rt>おお</rt></ruby>いです。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_01')"></i>
		</h3> -->
		<!-- <h3>어떤 것이 달지 않습니까? : どれが　<ruby>甘<rt>あま</rt></ruby>く ありませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_01')"></i>
		</h3> -->
		<h3>이 하오리는 좀 크지 않습니까? :　この　はおりは　ちょっと　<ruby>大<rt>おお</rt></ruby>きく　ありませんか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_03')"></i>
		<br>그 가게는 좀 멀지 않나요? :　その　<ruby>店<rt>みせ</rt></ruby>は　ちょっと　<ruby>遠<rt>とお</rt></ruby>く　ないんですか。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_04')"></i>
		</h3>
		<br>
		<h3>💡 い형용사  い +です  부정형은  い떼고　く　ありません。</h3>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i>알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 일상대화에서는  く　ないんです。(~지 않아요)  정중할 땐 く　ありません。
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_14')"></i> -->
				</h3>
			</div>
		</div>

		
	</p>
</section>
<section>
	<h2 class="pb-4">5. 기념품 사기 – 쇼핑하기</h2>
	<p>
		<h3>그다지 ~지 않습니다. :あまり　~では　ありません。(な 형용사)
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_01')"></i>
		</h3>
		<hr>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th></th>
					<th>좋아하다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_02_1')"></i></th>
					<th>편하다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_02_2')"></i></th>
					<th>싫다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_02_3')"></i></th>
					<th>안된다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_02_4')"></i></th>
					<th>괜찮다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_02_5')"></i></th>
					<th>예쁘다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_02_6')"></i></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>~다(원형)</td>
					<td><ruby>好<rt>す</rt></ruby>きだ</td>
					<td>らくだ</td>
					<td>いやだ</td>
					<td>ダメだ</td>
					<td><ruby>大丈夫<rt>だいじょうぶ</rt></ruby>だ</td>
					<td>きれいだ</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i></td> -->
				</tr>
				<tr>
					<td>~ㄴ(+명사)</td>
					<td><ruby>好<rt>す</rt></ruby>きな</td>
					<td>らくな</td>
					<td>いやな</td>
					<td>ダメな</td>
					<td><ruby>大丈夫<rt>だいじょうぶ</rt></ruby>な</td>
					<td>きれいな</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i></td> -->
				</tr>
				<tr>
					<td>~ㅂ니다</td>
					<td><ruby>好<rt>す</rt></ruby>きです</td>
					<td>らくです</td>
					<td>いやです</td>
					<td>ダメです</td>
					<td><ruby>大丈夫<rt>だいじょうぶ</rt></ruby>です</td>
					<td>きれいです</td>
					<!-- <td><i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p6_02')"></i></td> -->
				</tr>
			</tbody>
		</table>
		<br>
		<!-- <h3>편한 구두를 좋아합니다. :　らくな　くつが　<ruby>好<rt>す</rt></ruby>きです。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_01')"></i>
		</h3> -->
		<h3>그다지 좋아하지 않습니다. :　あまり　<ruby>好<rt>す</rt></ruby>きでは　ありません。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_03')"></i>
		<br>
		<!-- <h3>그다지 편하지 않습니다. :　あまり　らくでは　ありません。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_01')"></i>
		</h3> -->
			그다지 예쁘지 않아요. :　あまり　きれいじゃ　ないんです。
			<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p6_04')"></i>
		</h3>
		<br>
		<h3>💡 な형용사는　な 대신 です。　부정형은 では　ありません。</h3>

		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 일상대화에서는 じゃ　ないんです。(~지 않아요)  정중할 땐 では　ありません。
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p3_14')"></i> -->
				</h3>
			</div>
		</div>

		
	</p>
</section>
<section data-background-image="/japanese/TravelMedium/bg/japanese_medium_0507.png" data-background-opacity="0.3" data-background-position="center">
	<h2 class="pb-4">5. 기념품 사기 – 쇼핑하기 실제상황</h2>
	<p>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-9">
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あのう、すみません。はおりを<ruby>買<rt>か</rt></ruby>いたいですが。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p7_01')"></i>
						</h3>
						<h4 class="real-subtitle">저.. 실례합니다. 하오리를 사고 싶은데요..</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👲: はい。こちらへどうぞ。これはどうですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p7_02')"></i>
						</h3>
						<h4 class="real-subtitle">네. 이쪽으로 오세요. 이건 어떻습니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: このはおりはちょっと<ruby>大<rt>おお</rt></ruby>きくありませんか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p7_03')"></i>
						</h3>
						<h4 class="real-subtitle">이 하오리는 좀 크지 않습니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👲: では、これはいかがですか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p7_04')"></i>
						</h3>
						<h4 class="real-subtitle">그럼, 이건 어떠십니까?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: これはあまりきれいではありませんね。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p7_05')"></i>
						</h3>
						<h4 class="real-subtitle">이건 그다지 예쁘지 않네요.</h4>
					</div>
				</div>
				<!-- <div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">👲: そうですか。では、これは　いかがでしょうか。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_06')"></i>
						</h3>
						<h4 class="real-subtitle">그렇습니까. 그럼 이건 어떠실까요?</h4>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-2">
						<h3 class="real-japaness">🧑: あっ、この<ruby>色<rt>いろ</rt></ruby>は<ruby>好<rt>す</rt></ruby>きです。そしてらくですね。これにします。
							<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch5_p5_07')"></i>
						</h3>
						<h4 class="real-subtitle">앗, 이 색은 좋아합니다. 그리고 편하네요. 이걸로 하겠습니다.</h4>
					</div>
				</div> -->
			</div>
			<div class="col-md-1">&nbsp;</div>	
		</div>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 어떻습니까 : どうですか (いかがですか 는 どうですか 의 정중표현!)
					<!-- <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch2_p3_03')"></i> -->
				</h3>
			</div>
		</div>
	</p>
</section>

<section>
	<h2 class="pb-4">6. 이것은 기억하자.
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p0')"></i>
	</h2>
	<p>
		<div class="row">
			<div class="col"></div>
			<div class="col-7">
				<div class="alert alert-primary" role="alert">
					<h3><ruby>痛<rt>いた</rt></ruby>いです。</h3>
					<h3><ruby>熱<rt>ねつ</rt></ruby>が<ruby>出<rt>で</rt></ruby>ます。</h3>
					<h3>スマホを　なくしました。</h3>
					<h3>문법 총 복습</h3>
				</div>
			</div>
			<div class="col"></div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">6. 특별편 – 응급 상황</h2>
	<p>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td>머리가 아픕니다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p1_01')"></i></td>
					<td>배가 아픕니다 <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p1_02')"></i></td>
					<td>목이 아픕니다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p1_03')"></i></td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>頭<rt>あたま</rt></ruby>が <ruby>痛<rt>いた</rt></ruby>いです。</td>
					<td>お<ruby>腹<rt>なか</rt></ruby>が <ruby>痛<rt>いた</rt></ruby>いです。</td>
					<td><ruby>喉<rt>のど</rt></ruby>が <ruby>痛<rt>いた</rt></ruby>いです。</td>
				</tr>
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td>구역질이 납니다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p1_04')"></i></td>
					<td>열이 납니다 <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p1_05')"></i></td>
					<td>기침이 납니다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p1_06')"></i></td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>吐<rt>は</rt></ruby>き<ruby>気<rt>け</rt></ruby>がします。</td>
					<td><ruby>熱<rt>ねつ</rt></ruby>が<ruby>出<rt>で</rt></ruby>ます。</td>
					<td><ruby>咳<rt>せき</rt></ruby>が<ruby>出<rt>で</rt></ruby>ます。</td>
				</tr>
			</tbody>
		</table>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 하루에 두 번 약을 드세요 :　<ruby>一日<rt>いちにち</rt></ruby>に　<ruby>二回<rt>にかい</rt></ruby>　<ruby>薬<rt>くすり</rt></ruby>を　<ruby>飲<rt>の</rt></ruby>んでください。(직역 : 마셔 주세요)
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p1_07')"></i>
				</h3>
			</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">6. 특별편 – 물건을 잃어버렸을 때</h2>
	<p>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td>지갑을 잃어버렸습니다<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_01')"></i></td>
					<td>스마트폰을 잃어버렸습니다. <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_02')"></i></td>
					<td>가방이 없어졌습니다.<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_03')"></i></td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>財布<rt>さいふ</rt></ruby>を <ruby>落<rt>お</rt></ruby>としました。<br> (직역 : 떨어뜨렸어요)</td>
					<td>スマホを　なくしました。</td>
					<td>かばんが　 なくなりました。</td>
				</tr>
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td>유실물센터<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_04')"></i></td>
					<td>파출소 <i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_05')"></i></td>
					<td>경찰<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_06')"></i></td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>忘<rt>わす</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>センター</td>
					<td><ruby>交番<rt>こうばん</rt></ruby></td>
					<td><ruby>警察<rt>けいさつ</rt></ruby></td>
				</tr>
			</tbody>
		</table>
		<br>
		<div class="card">
			<div class="card-header bg-secondary bg-gradient text-white text-start"><i class="fas fa-comment"></i> 알아두면 좋아요!!</div>
			<div class="card-body">
				<h3 class="card-text">✔️ 경찰을 불러주세요. :　<ruby>警察<rt>けいさつ</rt></ruby>を<ruby>呼<rt>よ</rt></ruby>んでください。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_07')"></i>
				</h3>
				<h3 class="card-text">✔️ 깨지는 물건이 들어있습니다. 조심해주세요. :　<ruby>割<rt>わ</rt></ruby>れ<ruby>物<rt>もの</rt></ruby>が<ruby>入<rt>はい</rt></ruby>っています。<ruby>気<rt>き</rt></ruby>をつけてください。
					<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_ch6_p2_08')"></i>
				</h3>
			</div>
		</div>
	</p>
</section>

<section>
	<h2 class="pb-4">부록. 문법 총정리 (요일 표현)</h2>
	<p>
		<h3>처음뵙겠습니다. :　<ruby>初<rt>はじ</rt></ruby>めまして。</h3>
		<h3>저는 ~ 입니다. :　<ruby>私<rt>わたし</rt></ruby>は～です。</h3>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<td >월요일</td><td>화요일</td><td>수요일</td><td>목요일</td><td>금요일</td><td>토요일</td><td>일요일</td><td>무슨 요일</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><ruby>月曜日<rt>げつようび</rt></ruby></td>
					<td><ruby>火曜日<rt>かようび</rt></ruby></td>
					<td><ruby>水曜日<rt>すいようび</rt></ruby></td>
					<td><ruby>木曜日<rt>もくようび</rt></ruby></td>		
					<td><ruby>金曜日<rt>きんようび</rt></ruby></td>
					<td><ruby>土曜日<rt>どようび</rt></ruby></td>
					<td><ruby>日曜日<rt>にちようび</rt></ruby></td>
					<td><ruby>何曜日<rt>なんようび</rt></ruby></td>		
				</tr>
				
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>아침</th><th>점심</th><th>밤</th><th>오전</th><th>오후</th>
					
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>あさ</td><td>ひる</td><td>よる</td>
					<td><ruby>午前<rt>ごぜん</rt></ruby></td>
					<td><ruby>午後<rt>ごご</rt></ruby></td>
				</tr>
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>어제</th><th>오늘</th><th>지금</th><th>내일</th><th>모레</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>きのう</td><td>きょう</td><td><ruby>今<rt>いま</rt></ruby></td><td>あした</td><td>あさって</td>
				</tr>
			</tbody>
		</table>
	</p>
</section>
<section>
	<h2 class="pb-4">부록. 문법 총정리 (달력 표현)</h2>
	<p>
		
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>숫자</th>
					<th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>기수</td>
					<td><ruby>一<rt>いち</rt></ruby></td>
					<td><ruby>二<rt>に</rt></ruby></td>
					<td><ruby>三<rt>さん</rt></ruby></td>
					<td><ruby>四<rt>し</rt></ruby></td>
					<td><ruby>五<rt>ご</rt></ruby></td>
					<td><ruby>六<rt>ろく</rt></ruby></td>
					<td><ruby>七<rt>しち</rt></ruby></td>
					<td><ruby>八<rt>はち</rt></ruby></td>
					<td><ruby>九<rt>きゅう</rt></ruby></td>
					<td><ruby>十<rt>じゅう</rt></ruby></td>
				</tr>
				<tr>
					<td>월</td>
					<td>いちがつ</td><td>にがつ</td><td>さんがつ</td><td>しがつ</td><td>ごがつ</td>
					<td>ろくがつ</td><td>しちがつ</td><td>はちがつ</td><td class="bg-info">くがつ</td><td>じゅうがつ</td>
				</tr>
				<tr>
					<td>일</td>
					<td class="bg-warning">ついたち</td><td>ふつか</td><td>みっか</td><td>よっか</td><td>いつか</td>
					<td>むいか</td><td>なのか</td><td>ようか</td><td>ここのか</td><td>とおか</td>

				</tr>
				<tr>
					<td>서수</td>
					<td>ひとつ</td><td>ふたつ</td><td>みっつ</td><td>よっつ</td><td>いつつ</td>
					<td>むっつ</td><td>ななつ</td><td>やっつ</td><td>ここのつ</td><td>とお</td>
				</tr>
			</tbody>
		</table>
		<br>
		<h3>💡 14일 : じゅうよっか　　 20일 : はつか 　　 24일 : にじゅうよっか</h3>
		
	</p>
</section>
<section>
	<h2 class="pb-4">부록. 문법 총정리 (문법 표현)</h2>
	<p>
		<table class="table table-bordered bg-white text-black align-middle">
			<thead class="table-dark">
				<tr>
					<th>은/는</th><th>이/가</th><th>도</th><th>을/를</th><th>에</th><th>에서</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>は</td><td>が</td><td>も</td><td>を</td><td>に</td><td>で</td>
				</tr>
			</tbody>
		</table>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<tbody>
				<tr>
					<td style="background-color:#bdf3f2">~고 싶습니다만</td>
					<td>~たいですが</td>
					<td style="background-color:#bdf3f2">~와 ~ 그리고, 또</td>
					<td>～と～　そして、あと</td>
				</tr>
				<tr>
					<td style="background-color:#bdf3f2">~은 무엇입니까? </td>
					<td>～は　<ruby>何<rt>なん</rt></ruby>ですか。</td>

					<td style="background-color:#bdf3f2">출입금지</td>
					<td><ruby>立入禁止<rt>たちいりきんし</rt></ruby></td>
					
				</tr>
				<tr>
					<td style="background-color:#bdf3f2">~면 됩니까?</td>
					<td>~ば　いいですか。</td>
			
					<td style="background-color:#bdf3f2">~해 주실 수 있습니까? </td>
					<td>~て　もらえますか。</td>
					
				</tr>
				<tr>
					<td style="background-color:#bdf3f2">~해 주세요</td>
					<td> ~て　ください。</td>
					
					<td style="background-color:#bdf3f2">~하지 마세요</td>
					<td>~ないで　ください。</td>
					
				</tr>
		
			</tbody>
		</table>
		<br>
		<h3>💡 동사를  え단으로 바꿔서  ば를 붙임!</h3>
		<br>
		<table class="table table-bordered bg-white text-black align-middle">
			<tbody>
				<tr>
					<td rowspan="2">~ても　いいですか。<br> (~해도 됩니까?)</td>
					<td>~ても　いいです。(해도 됩니다)</td>
				</tr>
				<tr>
					<td>~ては　いけません。(하면 안됩니다)</td>	
				</tr>
			</tbody>
		</table>
		
	</p>
</section>
<section>
	<h2 class="pb-4">부록. 문법 총정리 (부정형 표현)</h2>
	<p>
		<div class="row">
            <div class="col-md-12">
				<table class="table table-bordered bg-white text-black align-middle text-nowrap">
					<thead class="table-dark">
						<tr>
							<td></td>
							<td class="w-25">표준형</td><td colspan="2">의문형</td><td colspan="2">과거형</td><td colspan="2">부정형</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>~ㅂ니다.</td>	
							<td>동사 + ます。</td><td class="border-end-0"></td><td rowspan="4">ますか。</td><td class="border-end-0"></td><td rowspan="4">ました。</td><td class="border-end-0"></td><td rowspan="4">ません。</td>
						</tr>
						<tr>
							<td rowspan="2">~가 있습니다.</td>	
							<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><td>でき</td>
						</tr>
						<tr>
							<td rowspan="3">~입니다.</td>
							<td>명사 + です。</td><td rowspan="3" colspan="2">ですか。</td><td rowspan="2" colspan="2">でした。</td><td rowspan="2" colspan="2">ではありません<br>(じゃないんです)</td>
						</tr>
						<tr>
							<td>な형용사 +です</td>
						</tr>
						<tr>
							<td>い형용사 +です。</td><td colspan="2"  class="bg-warning">かったです。</td><td colspan="2">くありません<br>(くないんです)</td>
						</tr>
						
					</tbody>
				</table>
				
			</div>
		</div>
	</p>
</section>
<section>
	<h2 class="pb-4">특별편 - 동사 변형</h2>
	<p>
		<div class="row">
            <div class="col-md-12">

				<h3>💡 い단 + る : 상 1 단　/　え단 + る : 하 1단　(구분이 힘들면 합쳐서 1단으로 생각)</h3>
				<h3>💡 5단 :　위의 경우를 제외한 모든 동사</h3>
				<br>

				<table class="table table-bordered bg-white text-black align-middle text-nowrap">
					<thead class="table-dark">
						<tr>
							<td>형</td><td></td>
							<td>5단 동사</td><td>상 1 단</td><td>하 1 단</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>부정형</td><td>~지 않다</td>
							<td>あ단 + ない</td><td colspan="2">る 떼고 ない</td>
						</tr>
						<tr>
							<td>ます형</td><td>~ㅂ니다</td>
							<td>い단 + ます</td><td colspan="2">る 떼고 ます</td>
						</tr>
						<tr>
							<td>원형</td><td>~다</td>
							<td>う단</td><td colspan="2">る</td>
						</tr>
						<tr>
							<td>명령형</td><td>~라</td>
							<td>え단</td><td  colspan="2">る 떼고 ろ</td>
						</tr>
						<tr>
							<td>청유형</td><td>~자</td>
							<td>お단 + う</td><td  colspan="2">る 떼고 よう</td>
						</tr>
						<tr style="background-color:#bdf3f2">
							<td>가능형</td><td>~수 있다</td>
							<td>え단 + る</td><td  colspan="2">る 떼고 られる</td>
						</tr>
						<tr style="background-color:#FFC4FF">
							<td>가정형</td><td>~면</td>
							<td colspan="3">え단 + ば</td>
						</tr>
						
					</tbody>
				</table>
				<br>
				
				
			</div>
		</div>
	</p>
</section>

<section>
	<h2 class="pb-4">특별편 - 동사 변형</h2>
	<p>
		<div class="row">
            <div class="col-md-12">

				
				<h3>~ 해서 : て 변형 (평서 과거형 ~ㅆ다 た도 동일)</h3>
				<table class="table table-bordered bg-white text-black align-middle text-nowrap">
					<thead class="table-dark">
						<tr>
							<td colspan="4">5단 동사</td><td>상 1 단</td><td>하 1 단</td><td>い형용사</td><td>な형용사</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>く</td><td>ぐ</td><td>う,つ,る</td><td>む,ぬ,ぶ</td><td rowspan="2" colspan="2">る 떼고 て</td><td rowspan="2">い 떼고<br>くて</td><td rowspan="2">な 떼고<br>で</td>
						</tr>
						<tr>
							<td>いて / いて</td><td>いで / いだ</td><td>って / った</td><td>んで / んだ</td>
						</tr>
					</tbody>
				</table>

				<br>
				<h3>변칙 동사</h3>

				<table class="table table-bordered bg-white text-black align-middle text-nowrap">
					<thead class="table-dark">
						<tr>
							<td>원형</td><td>て 변형</td><td>ます형</td><td>부정형</td><td>명령형</td><td>청유형</td><td>가능형</td><td>가정형</td>
									
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><ruby>来<rt>く</rt></ruby>る</td><td>きて</td><td>きます</td><td>こない</td><td>こい</td><td>こよう</td><td>こられる</td><td>くれば</td>
								
						</tr>
						<tr>
							<td rowspan="2">する</td><td colspan="5">す를 し로 바꿔 1단 동사 변형 </td><td rowspan="2">できる</td><td rowspan="2">すれば</td>
								
						</tr>
						<tr>
							<td>して</td><td>します</td><td>しない</td><td>しろ</td><td>しよう</td>
								
						</tr>
						<tr>
							<td><ruby>知<rt>し</rt></ruby>る</td><td colspan="7"> 5단 동사 변형</td>
								
						</tr>
						<tr>
							<td><ruby>行<rt>い</rt></ruby>く</td><td>いって</td><td colspan="6"> 5단 동사 변형</td>		
						</tr>
						
					</tbody>
				</table>
			</div>
		</div>
	</p>
</section>

<section>
	<h1 id="toc_30">👏🏽</h1>
	<h2 id="수고하셨어요-o">수고하셨어요 ^o^</h2>
	<br>
	<h3>다음 여행지로 출발!</h3>
	<h3>신칸센을 타고 규슈로~</h3>
	<h3>다음 여행은 후쿠오카에서 만나요!</h3>
</section>

<section class="reveal-top-0">
	<h4 class="pb-2">아기상어
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_same_uta')"></i>
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_same_mr')"></i>
		&nbsp;&nbsp;&nbsp;
		<a href="https://www.youtube.com/watch?v=O3l1SW6sctw" target="_blank"><i class="fa fa-share"></i></a>
	</h4>
	<p>
		<div class="row">
			<!-- <div class="col-md-1"></div> -->
			<div class="col-md-12">
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">ちびさめ　뚜루룻뚜루　かわいい　뚜루룻뚜루　およげ　뚜루룻뚜루　ちびさめ							
						</h4>
						<h5 class="real-subtitle">꼬마상어 뚜루룻뚜루 귀여운 뚜루룻뚜루 헤엄쳐 뚜루룻뚜루 꼬마상어</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">おかあさめ　 뚜루룻뚜루　きれい　 뚜루룻뚜루　およげ　 뚜루룻뚜루　おかあさめ
						</h4>
						<h5 class="real-subtitle">엄마상어 뚜루룻뚜루 예쁜 뚜루룻뚜루 헤엄쳐 뚜루룻뚜루 엄마상어</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">おとうさめ　 뚜루룻뚜루　つよい　 뚜루룻뚜루　およげ　 뚜루룻뚜루　おとうさめ
						</h4>
						<h5 class="real-subtitle">아빠상어 뚜루룻뚜루 강한(힘쎈) 뚜루룻뚜루 헤엄쳐 뚜루룻뚜루 아빠상어</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">おばあざめ　 뚜루룻뚜루　やさしい　 뚜루룻뚜루　およげ　 뚜루룻뚜루　おばあざめ
						</h4>
						<h5 class="real-subtitle">할머니상어 뚜루룻뚜루 다정한 뚜루룻뚜루 헤엄쳐 뚜루룻뚜루 할머니상어</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">おじいざめ　 뚜루룻뚜루　ダンディ　 뚜루룻뚜루　およげ　 뚜루룻뚜루　おじいざめ
						</h4>
						<h5 class="real-subtitle">할아버지상어 뚜루룻뚜루 댄디(danndy) 뚜루룻뚜루 헤엄쳐 뚜루룻뚜루 할아버지상어</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">みんな　 뚜루룻뚜루　<ruby>海<rt>うみ</rt></ruby>の　 뚜루룻뚜루　ハンター　 뚜루룻뚜루　サメ<ruby>家族<rt>かぞく</rt></ruby>
						</h4>
						<h5 class="real-subtitle">모두 뚜루룻뚜루 바다의 뚜루룻뚜루 헌터 뚜루룻뚜루 상어가족</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">さめだ　 뚜루룻뚜루　にげろ　 뚜루룻뚜루　<ruby>速<rt>はや</rt></ruby>く　 뚜루룻뚜루　<ruby>隠<rt>かく</rt></ruby>れろ
						</h4>
						<h5 class="real-subtitle">상어다 뚜루룻뚜루 도망쳐 뚜루룻뚜루 빨리 뚜루룻뚜루 숨어라</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">もう　<ruby>安心<rt>あんしん</rt></ruby>　 뚜루룻뚜루　<ruby>助<rt>たす</rt></ruby>かった　 뚜루룻뚜루　<ruby>今日<rt>きょう</rt></ruby>も　 뚜루룻뚜루　<ruby>生<rt>い</rt></ruby>きてる
						</h4>
						<h5 class="real-subtitle">이제 안심 뚜루룻뚜루 살았다 뚜루룻뚜루 오늘도 뚜루룻뚜루 살아있어</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">うれしい　 뚜루룻뚜루　たのしい　 뚜루룻뚜루　<ruby>踊<rt>おど</rt></ruby>ろう　 뚜루룻뚜루　<ruby>終<rt>お</rt></ruby>わり
						</h4>
						<h5 class="real-subtitle">기쁘다 뚜루룻뚜루 즐겁다 뚜루룻뚜루 춤추자 뚜루룻뚜루 끝</h5>
					</div>
				</div>
			</div>
			<!-- <div class="col-md-1"></div>	 -->
		</div>
	</p>
</section>

<section class="reveal-top-0">
	<h4 class="pb-2">この世界のどこかで(somewhere)
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_same_uta')"></i>
		<i class="fa-solid fa-volume-high" @click="playSound('japanese_medium_same_mr')"></i>
		&nbsp;&nbsp;&nbsp;
		<a href="https://www.youtube.com/watch?v=O3l1SW6sctw" target="_blank"><i class="fa fa-share"></i></a>
	</h4>
	<p>
		<div class="row">
			<!-- <div class="col-md-1"></div> -->
			<div class="col-md-12">
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>安<rt>やす</rt></ruby>らかに <ruby>淸<rt>きよ</rt></ruby>らかに <ruby>今<rt>いま</rt></ruby>は <ruby>眠<rt>ねむ</rt></ruby>りなさい							
						</h4>
						<h5 class="real-subtitle">편안하게 청아하게 지금은 잠드세요</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>傷<rt>きず</rt></ruby>ついた その<ruby>羽<rt>はね</rt></ruby>を <ruby>私<rt>わたし</rt></ruby>に<ruby>預<rt>あず</rt></ruby>けて
						</h4>
						<h5 class="real-subtitle">상처 입은 그 날개를 제게 맡기고서</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>暗闇<rt>くらやみ</rt></ruby>に ざわめきに <ruby>流<rt>なが</rt></ruby>されないように
						</h4>
						<h5 class="real-subtitle">어둠에 술렁임에 떠내려가지(흘려지지) 않도록</h5> 
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">この<ruby>祈<rt>いの</rt></ruby>りを <ruby>捧<rt>ささ</rt></ruby>げましょう あなたの<ruby>沈<rt>まくら</rt></ruby>べに
						</h4>
						<h5 class="real-subtitle">이 기도를 올리겠어요 당신의 베개맡에</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">ああ <ruby>人<rt>ひと</rt></ruby>は<ruby>誰<rt>だれ</rt></ruby>も<ruby>一人<rt>ひとり</rt></ruby>きり <ruby>愛<rt>あい</rt></ruby>を<ruby>探<rt>さが</rt></ruby>しているの
						</h4>
						<h5 class="real-subtitle">아아 사람은 누구나 혼자서 사랑을 찾고 있어요</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>兩手<rt>りょうて</rt></ruby>を<ruby>廣<rt>ひろ</rt></ruby>げて <ruby>空<rt>そら</rt></ruby>を<ruby>舞<rt>ま</rt></ruby>う <ruby>小鳥<rt>ことり</rt></ruby>のように
						</h4>
						<h5 class="real-subtitle">양손을 펼쳐 하늘을 춤추는 작은 새처럼</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>巡<rt>めぐ</rt></ruby>り<ruby>来<rt>く</rt></ruby>る<ruby>悲<rt>かな</rt></ruby>しみに <ruby>迷<rt>まよ</rt></ruby>いそうな<ruby>時<rt>とき</rt></ruby>も
						</h4>
						<h5 class="real-subtitle">되돌아 오는 슬픔에 헤맬 것 같은 때에도</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>忘<rt>わす</rt></ruby>れないで いつだって <ruby>心<rt>こころ</rt></ruby>は<ruby>側<rt>そば</rt></ruby>にいる
						</h4>
						<h5 class="real-subtitle">잊지 말아줘요 언제라도 마음은 곁에 있어요</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">ああ あなたを<ruby>導<rt>みちび</rt></ruby>くように <ruby>星<rt>ほし</rt></ruby>は<ruby>輝<rt>かがや</rt></ruby>くでしょう
						</h4>
						<h5 class="real-subtitle">당신을 인도하듯이 별은 빛나겠죠</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>淚<rt>なみだ</rt></ruby>の<ruby>數<rt>かず</rt></ruby>だけ <ruby>憧<rt>あこが</rt></ruby>れは <ruby>果<rt>は</rt></ruby>てないけれど
						</h4>
						<h5 class="real-subtitle">눈물의 수만큼 동경은 끝이 없지만</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>朝燒<rt>あさやけ</rt></ruby>の <ruby>眩<rt>まぶ</rt></ruby>しさに <ruby>目覚<rt>めざめ</rt></ruby>る その<ruby>日<rt>ひ</rt></ruby>まで
						</h4>
						<h5 class="real-subtitle">아침 햇살의 눈부심에 눈뜨는 그 날까지</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness"><ruby>忘<rt>わす</rt></ruby>れないで いつだって <ruby>心<rt>こころ</rt></ruby>は<ruby>側<rt>そば</rt></ruby>にいる
						</h4>
						<h5 class="real-subtitle">잊지 말아줘요 언제라도 마음은 곁에 있어요</h5>
					</div>
				</div>
				<div class="row">
					<div class="col real-content-4">
						<h4 class="real-japaness">どんな<ruby>遠<rt>とお</rt></ruby>く <ruby>離<rt>はな</rt></ruby>れても あなたの<ruby>側<rt>そば</rt></ruby>にいる
						</h4>
						<h5 class="real-subtitle">아무리 멀리 떨어져 있어도 당신의 곁에 있어요</h5>
					</div>
				</div>
			</div>
			<!-- <div class="col-md-1"></div>	 -->
		</div>
	</p>
</section>


</div>
</div>


</template>

<script>
import HomeButton from "@/components/HomeButton.vue";

import Reveal from "reveal.js/dist/reveal.js";
import "reveal.js/dist/reveal.css";
import initializeReveal from "@/assets/js/revealSetup.js";

export default {
	components: {
		HomeButton: HomeButton,
	},
	data() {
		return {
			audio: null,
			soundFileTitle: "/japanese/TravelMedium/sound/",
			soundFilePost: ".mp3",

			// fiveGamesList: [
			// 	['맛있다', 'おいしい', '오이시이'],
			// 	['따뜻하다', 'あたたかい', '아타타카이'],
			// 	['달다', 'あまい', '아마이'],
			// 	['즐겁다', 'たのしい', '타노시이'],
			// 	['재밌다', 'おもしろい', '오모시로이'],
			// 	['좋다', 'いい', '이-'],
			// 	['뜨겁다', 'あつい', '아쯔이'],
			// 	['시원하다', 'すずしい', '스즈시이'],
			// 	['차갑다', 'つめたい', '쯔메타이'],
			// 	['멀다', 'とおい', '토오이'],
			// 	['가깝다', 'ちかい', '치카이']

			// ],
			
			// fiveChoice: 0

		};
	},
	methods: {
		// fiveGame() {
		// 	this.fiveChoice = Math.floor(Math.random() * this.fiveGamesList.length);
		// },
		playSound(sound) {
			if(this.audio !== undefined && this.audio !== null) {
				this.audio.pause();
			}
			if(sound) {
				this.audio = new Audio(this.soundFileTitle + sound + this.soundFilePost);
				console.log(this.audio);
				this.audio.play();
			}
		},
		slideChanged(event) {
			if(this.audio !== undefined && this.audio !== null) {
				this.audio.pause();
				console.log("Slide is now pause" + event.indexh);
			}
		},
		goSlide(number) {
			if (this.deck) {
				this.deck.slide(number);
			} else {
				console.error("Reveal 인스턴스가 초기화되지 않았습니다.");
			}
		},

  	},
	mounted() {
		// ✅ 3. ref로 지정한 DOM 엘리먼트를 넘겨주고, 인스턴스를 this.deck에 저장합니다.
        this.deck = initializeReveal(this.$refs.revealRef, false);

		// ✅ 4. 전역 Reveal.addEventListener 대신 인스턴스의 on 메서드 사용
        this.deck.on('slidechanged', (event) => {
			console.log("Slide is now " + event.indexh);
		});
	},
	unmounted() {
        // ✅ 5. 여기가 핵심! 페이지를 벗어날 때 Reveal 객체를 메모리에서 완전히 파괴합니다.
        if (this.deck) {
            this.deck.destroy();
        }
    }
};
</script>

<style scoped>
/* @import url('@/assets/js/plugins/reveal-js/css/reset.css'); */
@import url('@/assets/js/plugins/reveal-js/css/reveal.css');
@import url('@/assets/js/plugins/reveal-js/css/theme/white.css');
@import url('@/assets/js/plugins/reveal-js/plugin/highlight/monokai.css');
@import url('@/assets/js/plugins/reveal-js/plugin/chalkboard/style.css');
@import url('@/assets/js/plugins/reveal-js/plugin/customcontrols/style.css');
@import url('@/assets/js/plugins/reveal-js/plugin/menu/menu.css');
@import url('@/assets/css/reveal-lecture.css');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

.reveal th,
.reveal tr,
.reveal td,
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-family: 'Noto Sans JP', 'twayair', sans-serif;
}

.reveal .slide {
  font-family: 'Noto Sans JP', 'twayair', sans-serif;
}


/* .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 2px solid red;
} */
/* table {
  table-layout: fixed;
  width: 100%;
} */
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: 1px solid #dee2e6!important;
	border-width: 2px!important;
    text-align: center!important;
	font-size: 26px;
}

.reveal hr{
	width:50%;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
}


/** 볼륨 색깔 */
.fa-volume-high:before, .fa-volume-up:before {
    content: "\f028";
    color: fuchsia;
	padding-left: 20px;
}


/** 실제상황 단락 */
.real-content-1 {
    margin: 0px 0px 10px;
}
.real-content-2 {
    margin: 0px 0px 20px;
}
.real-content-3 {
    margin: 0px 0px 30px;
}
.real-content-4 {
    margin: 0px 0px 40px;
}
.real-content-5 {
    margin: 0px 0px 50px;
}
.real-content-6 {
    margin: 0px 0px 60px;
}

/** 실제상황 자막 */
h3.real-japaness {
    margin: 0px;
    text-align: left !important;
}
h4.real-japaness {
    margin: 0px;
	text-align: left !important;
}

/** 실제상황 자막 */
h3.real-subtitle {
    color: darkcyan;
	text-align: left !important;
	padding-left: 60px;
}
h4.real-subtitle {
	color: darkcyan;
	text-align: left !important;
	padding-left: 60px;
}
h5.real-subtitle {
	color: darkcyan;
	text-align: left !important;
	padding-left: 60px;
}



.reveal-top-0{
	top: 0 !important;
    display: block;
}
.reveal-top-0 .real-content-4 {
    margin: 0px 0px 15px;
}
.reveal-top-0 h3.real-japaness {
    margin: 0px;
    text-align: center !important;
}
.reveal-top-0 h4.real-japaness {
    margin: 0px;
	text-align: center !important;
}

.reveal-top-0 h3.real-subtitle {
    color: darkcyan;
	text-align: center !important;
	padding-left: 60px;
}
.reveal-top-0 h4.real-subtitle {
	color: darkcyan;
	text-align: center !important;
	padding-left: 60px;
}
.reveal-top-0 h5.real-subtitle {
	color: darkcyan;
	text-align: center !important;
	padding-left: 60px;
}


/* audio { width: 150px; height: 80px }
audio::-webkit-media-controls-panel {
	background-color: white !important;
}

audio::-webkit-media-controls-enclosure {
    max-width: 60px;
}
audio::-webkit-media-controls-timeline {
    display: none;
}
audio::-webkit-media-controls-play-button {}

audio::-webkit-media-controls-volume-slider {display: none;}

audio::-webkit-media-controls-mute-button {display: none;}

audio::-webkit-media-controls-timeline {display: none;}

audio::-webkit-media-controls-current-time-display {display: none;}

audio::-webkit-media-controls-time-remaining-display {display: none;}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #a0276e;
  color: #a0276e;
} */
</style>