<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{/mobile/layout/homeLayout}">
<th:block layout:fragment="layout_css">
	<link rel="stylesheet" href="/css/mobile/medicalInfo.css">
	<link rel="stylesheet" href="/css/mobile/swiper-bundle.min.css">
</th:block>
<th:block layout:fragment="layout_top_script">
<script src="/js/mobile/swiper-bundle.min.js"></script>
<script>
	let categoryCode = "[[${categoryCode}]]";
	let referMenu = "[[${param.referMenu}]]";
	let referTap  = "[[${param.referTap}]]";
</script>
</th:block>

<th:block layout:fragment="layout_content">
<div class="tab_panel" role="tabpanel">
	<div class="banner_box">
		<div class="homeSwiper">
			<div class="swiper-wrapper">
			</div>
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<!-- Tabs -->
	<div class="nav_box">
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="navTap active" id="navTap_popularity">
				<a href="#popularity" aria-controls="popularity" role="tab" data-toggle="tab" data-code="popular">
					<p data-code="popular">인기시술</p>
				</a>
			</li>
			<li role="presentation" class="navTap" id="navTap_petit">
				<a href="#petit" aria-controls="petit" role="tab" data-toggle="tab" data-code="petit">
					<p data-code="petit">쁘띠</p>
				</a>
			</li>

			<li role="presentation" class="navTap" id="navTap_skin">
				<a href="#skin" aria-controls="skin" role="tab" data-toggle="tab" data-code="skin">
					<p data-code="skin">피부</p>
				</a>
			</li>

			<li role="presentation" class="navTap" id="navTap_diet">
				<a href="#diet" aria-controls="diet" role="tab" data-toggle="tab" data-code="fat">
					<p data-code="fat">다이어트</p>
				</a>
			</li>
		</ul>
	</div>
	<!-- Tab panes -->
	<div class="tab-content">
		<div role="tabpanel" class="tabContent tab-pane popularity active" id="popularity">
			<div class="popular_box first">
				<p class="title">30대 인기 시술</p>
				<p>30대 고객님에게 인기 있는 시술 정보</p>
				<ul class="list_box">
				</ul>
			</div>
			<div class="popular_box">
				<p class="title">겨울철 인기 시술</p>
				<p>건조한 겨울철 인기 있는 시술 정보</p>
				<ul class="list_box">
				</ul>
			</div>
		</div>
		<div role="tabpanel" class="tabContent tab-pane pretty" id="petit">
			<div class="medical_box">
				<ul class="list_box">
				</ul>
			</div>
		</div>
		<div role="tabpanel" class="tabContent tab-pane skin" id="skin">
			<div class="medical_box">
				<ul class="list_box">
				</ul>
			</div>
		</div>
		<div role="tabpanel" class="tabContent tab-pane diet" id="diet">
			<div class="medical_box">
				<ul class="list_box">
				</ul>
			</div>
		</div>
	</div>
</div>
<form id="loginForm" onsubmit="return false;"></form>
</th:block>
<th:block layout:fragment="layout_script">
	<script src="/js/mobile/medical/selectMedicalList.js"></script>
</th:block>
</html>