140 lines
3.9 KiB
PHP
140 lines
3.9 KiB
PHP
<div class="nav-group">
|
|
<ul class="depth01">
|
|
<li>
|
|
<a href="/edu/skin/myclass.php"> 마이클래스 </a>
|
|
<div class="state-box">
|
|
<span class="unit">0<small>%</small></span>
|
|
<span class="progress">
|
|
<span class="progress-bar" style="width: 0%"></span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/onboarding.php" data-nav="onboarding"> 온보딩 </a>
|
|
<div class="state-box">
|
|
<span class="unit" id="onboardingNavPercent" style="left: calc(0% - 3px);">0<small>%</small></span>
|
|
<span class="progress">
|
|
<span class="progress-bar" id="onboardingNavBar" style="width: 0%"></span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/learning.php"> 법정교육 </a>
|
|
<div class="state-box">
|
|
<span class="unit">0<small>%</small></span>
|
|
<span class="progress">
|
|
<span class="progress-bar" style="width: 0%"></span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/leadership.php">리더십</a>
|
|
<ul class="depth02">
|
|
<li>
|
|
<a href="/edu/skin/leadership.php?cate=CA200L01" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_leadership_01.svg" />
|
|
</span>
|
|
리더십 입문
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/leadership.php?cate=CA200L02" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_leadership_02.svg" />
|
|
</span>
|
|
셀프 리더십
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/leadership.php?cate=CA200L03" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_leadership_03.svg" />
|
|
</span>
|
|
팀 리더십
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/leadership.php?cate=CA200L04" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_leadership_04.svg" />
|
|
</span>
|
|
실전 리더십
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/leadership.php?cate=CA200L05" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_leadership_05.svg" />
|
|
</span>
|
|
인물탐구
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/edu/skin/insight.php">인사이트 </a>
|
|
<!-- 2depth -->
|
|
<ul class="depth02">
|
|
<li>
|
|
<a href="/edu/skin/insight.php?cate=CA200I01" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_economy.svg" />
|
|
</span>
|
|
경제와 사회
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/insight.php?cate=CA200I02" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_future.svg" />
|
|
</span>
|
|
기술과 미래
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/insight.php?cate=CA200I03" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_trend.svg" />
|
|
</span>
|
|
트렌드 업
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/insight.php?cate=CA200I04" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_health.svg" />
|
|
</span>
|
|
행복과 건강
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/insight.php?cate=CA200I05" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_people.svg" />
|
|
</span>
|
|
피플스토리
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/edu/skin/insight.php?cate=CA200I06" >
|
|
<span class="ico-box">
|
|
<img src="/edu/img/ico/ico_life.svg" />
|
|
</span>
|
|
라이프
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/edu/skin/biztrend.php">비즈트렌드</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|