|
|
|
@ -18,17 +18,381 @@ |
|
|
|
<!--E: 숨김 메뉴--> |
|
|
|
|
|
|
|
<!--S: 헤더 영역--> |
|
|
|
<header class="section"> |
|
|
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
|
|
<div class="logo-group"> |
|
|
|
<div class="logo"> |
|
|
|
<img src="./images/logo.png" alt="로고"> |
|
|
|
<a href="#">대한탐정연합회</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<nav class="menu-group"> |
|
|
|
<ul class="main-menu depth-1"> |
|
|
|
|
|
|
|
<li class="depth-1-item item-list"> |
|
|
|
<a href="#" class="first-target">협회소개</a> |
|
|
|
|
|
|
|
<ul class="depth-2"> |
|
|
|
<li><a href="#">중앙회장 인사말</a></li> |
|
|
|
<li><a href="#">협회 연혁</a></li> |
|
|
|
<li><a href="#">협회 조직도</a></li> |
|
|
|
<li><a href="#">협회 정관</a></li> |
|
|
|
<li><a href="#">신조 및 윤리강령</a></li> |
|
|
|
<li><a href="#">대탐연 저서소개</a></li> |
|
|
|
<li><a href="#">협력기관</a></li> |
|
|
|
<li><a href="#">찾아오시는길</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="depth-1-item item-list"> |
|
|
|
<a href="#" class="first-target">정보탐색사란</a> |
|
|
|
<ul class="depth-2"> |
|
|
|
<li><a href="#">정탐사자격시험 안내</a></li> |
|
|
|
<li><a href="#">정탐사 운영규정</a></li> |
|
|
|
<li><a href="#">민간자격 등록요건<br>및 이행조건</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="depth-1-item item-list"> |
|
|
|
<a href="#" class="first-target">시험공고</a> |
|
|
|
|
|
|
|
<ul class="depth-2"> |
|
|
|
<li><a href="#">검정시험 공고문</a></li> |
|
|
|
<li><a href="#">공고문</a></li> |
|
|
|
<li><a href="#">최고위 과정 공고문</a></li> |
|
|
|
<li><a href="#">합격자발표</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="depth-1-item "> |
|
|
|
<a href="#" class="first-target">원격강의</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="depth-1-item item-list"> |
|
|
|
<a href="#" class="first-target">자료실</a> |
|
|
|
|
|
|
|
<ul class="depth-2"> |
|
|
|
<li><a href="">응시원서(매니저급)</a></li> |
|
|
|
<li><a href="">응시원서(1급)</a></li> |
|
|
|
<li><a href="#">최고위(CEO) 지원서</a></li> |
|
|
|
<li><a href="#">기본(보수)교육 <br>신청서</a></li> |
|
|
|
<li><a href="#">접수취소 및 환불 <br>신청서</a></li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="depth-1-item item-list"> |
|
|
|
<a href="#" class="first-target">고객지원</a> |
|
|
|
|
|
|
|
<ul class="depth-2"> |
|
|
|
<li><a href="#">공지사항</a></li> |
|
|
|
<li><a href="#">탐정관련 기고</a></li> |
|
|
|
<li><a href="#">보도자료</a></li> |
|
|
|
<li><a href="#">자주묻는질문</a></li> |
|
|
|
<li><a href="#">시험관련문의</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
</nav> |
|
|
|
|
|
|
|
<div class="btn"> |
|
|
|
<a href="#" class="sign-in">로그인</a> |
|
|
|
<a href="#" class="sign-up">회원가입</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</header> |
|
|
|
<!--E: 헤더 영역--> |
|
|
|
|
|
|
|
<!--S: 컨텐츠 영역--> |
|
|
|
<section id="contents"> |
|
|
|
<div class="body--container"> |
|
|
|
<!-- VISUAL--> |
|
|
|
<section class="section section--visual"> |
|
|
|
<div class="full-slide swiper-container"> |
|
|
|
<ul class="swiper-wrapper"> |
|
|
|
<li class="swiper-slide"> |
|
|
|
<img src="images/main_bg.png" alt=""> |
|
|
|
<a href=""> |
|
|
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2> |
|
|
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="swiper-slide"> |
|
|
|
<img src="images/main_bg.png" alt=""> |
|
|
|
<a href=""> |
|
|
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2> |
|
|
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="swiper-slide"> |
|
|
|
<img src="images/main_bg.png" alt=""> |
|
|
|
<a href=""> |
|
|
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2> |
|
|
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="swiper-pagination"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="container"> |
|
|
|
<ul class="tails"> |
|
|
|
<li> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/apply.png" alt=""> |
|
|
|
<p>원서접수</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/pass_notify.png" alt=""> |
|
|
|
<p>합격자발표</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/test_sc.png" alt=""> |
|
|
|
<p>시험공고</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/top_test.png" alt=""> |
|
|
|
<p>최고위과정</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a href="#"> |
|
|
|
<img src="images/location_info.png" alt=""> |
|
|
|
<p>고사장안내</p> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
<!--SECTION NEWS--> |
|
|
|
<div class="section section--news"> |
|
|
|
<div class="container"> |
|
|
|
<div class="notice"> |
|
|
|
|
|
|
|
<div class="title"> |
|
|
|
<h1>Notice </h1> |
|
|
|
<h2>협회소식</h2> |
|
|
|
<p>탐정연합회의 이슈와 <br>정보를 안내해 드립니다.</p> |
|
|
|
<a href="#">바로가기</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="content"> |
|
|
|
<ul class="news-btn"> |
|
|
|
<li class="tab-btn1 border_bottom"><a href="">공지사항</a></li> |
|
|
|
<li class="tab-btn2 border_bottom"><a href="">탐정관련기고</a></li> |
|
|
|
<li class="tab-btn3 border_bottom"><a href="">보도자료</a></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="news-list-container"> |
|
|
|
<ul class="news-list "> |
|
|
|
<li class="content-news first-content"> |
|
|
|
<h3><a href="">대한공인참정협회</br>2018 임시총회 개최 안내</a></h3> |
|
|
|
<p class="content-text">민족의 명절 '설'을 맞이하여 모든 회원님들 가정과 사업에 만복이 깃드시길 기원합니다.</p> |
|
|
|
<p class="date">2019 08 30</p> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="content-news second-news"> |
|
|
|
<h3><a href="">해외 6개국 현지인 회장 임명식</a></h3> |
|
|
|
<p class="content-text">금번에 임명된 해외 국가별 협회장은 모두 태권도 국제심판으로 오랜 세월 동안 우리나라 국기인 태권도를 수 33333</p> |
|
|
|
<p class="date">2019 08 30</p> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="content-news second-news"> |
|
|
|
<h3><a href="">해외 6개국 현지인 회장 임명식</a></h3> |
|
|
|
<p class="content-text ">금번에 임명된 해외 국가별 협회장은 모두 태권도 국제심판으로 오랜 세월 동안 우리나라 국기인 태권도를 수 333333</p> |
|
|
|
<p class="date">2019 08 30</p> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
|
|
|
|
<section class="section section--gallery"> |
|
|
|
<div class="container"> |
|
|
|
<div id="test-slide" class="gallery-container swiper-container"> |
|
|
|
<h2>협회 갤러리</h2> |
|
|
|
<ul class="gallery-items swiper-wrapper"> |
|
|
|
<li class="swiper-slide"> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/gallery_1.png" alt="사진1"> |
|
|
|
<div class="text-container"> |
|
|
|
<h3 class="gallery-title">2018년 11월 10일 탐정협회 행사</h3> |
|
|
|
<p class="">2019.08.03</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="swiper-slide"> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/gallery_2.png" alt="사진1"> |
|
|
|
<div class="text-container"> |
|
|
|
<h3 class="gallery-title">대한공인탐정연합회,창립 기념 행사</h3> |
|
|
|
<p>2002.03.03</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="swiper-slide"> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/gallery_3.png" alt="사진1"> |
|
|
|
<div class="text-container"> |
|
|
|
<h3 class="gallery-title">11월10일 탐정협회 행사</h3> |
|
|
|
<p>2019.08.11</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="swiper-slide"> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/gallery_4.png" alt="사진1"> |
|
|
|
<div class="text-container"> |
|
|
|
<h3 class="gallery-title">10월 139일 탐정협회 행사</h3> |
|
|
|
<p>2019.08.30</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="swiper-slide"> |
|
|
|
<a href="#"> |
|
|
|
<img src="./images/gallery_1.png" alt="사진1"> |
|
|
|
<div class="text-container"> |
|
|
|
<h3 class="gallery-title">gdgd</h3> |
|
|
|
<p>2019.08.30</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="btn-box "> |
|
|
|
<a href="#" class="swiper-button-prev"><img src="images/gallery_btn-left.png" alt=""></a> |
|
|
|
<a href="" class="swiper-button-next"><img src="images/gallery_btn-right.png" alt=""></a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
|
|
|
|
<section class="section section--cashinfo"> |
|
|
|
<div class="container"> |
|
|
|
|
|
|
|
<ul class="cash-question"> |
|
|
|
<li class="cash-account"> |
|
|
|
<strong>입금계좌 안내</strong> |
|
|
|
<!-- span <img src="images/kb_bank.png" alt="kb은행">--> |
|
|
|
<p class="bank-name"><img src="images/kb_logo.png" alt="">KB국민은행</p> |
|
|
|
<p class="bankbook-num">1002-345-302828</p> |
|
|
|
<p class="account-name">예금주:홍길동</p> |
|
|
|
<a href="#" class="btn-cash">실시간계좌이체</a> |
|
|
|
<img src="images/bankbook.png" alt="" class="question_img"> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="always-question"> |
|
|
|
<strong>자주묻는질문</strong> |
|
|
|
<p class="question1"><a href="">탐정이 되려면 어떻게 해야하나요</a></p> |
|
|
|
<p class="question2"><a href="">회원가입했는데 로그인이 되지 않습니다</a></p> |
|
|
|
<p class="question3"><a href="">탐정이 되려면 어떻게 해야하나요</a></p> |
|
|
|
<a href="#" class="btn-cash">시험관련문의</a> |
|
|
|
<img src="images/question.png" alt="" class="question_img"> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="information"> |
|
|
|
<strong>고객센터</strong> |
|
|
|
<p class="title-num">대표전화번호</p> |
|
|
|
<span class="company-number">1588-2020</span> |
|
|
|
<p class="open-time">월-토:9:00~18:00,일/공휴일 휴무</p> |
|
|
|
<p class="lunch">점심시간:12:00~13:00</p> |
|
|
|
<img src="images/call.png" alt="" class="question_img"> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
<div class="img-container"> |
|
|
|
<ul class="bottom_img"> |
|
|
|
<li> |
|
|
|
<a href="#"><img src="images/police.png" alt=""></a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li> |
|
|
|
<a href="#"><img src="images/krivet.png" alt=""></a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li> |
|
|
|
<a href="#"><img src="images/work1.png" alt=""></a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li> |
|
|
|
<a href="#"><img src="images/work2.png" alt=""></a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li> |
|
|
|
<a href="#"><img src="images/seogank_uni.png" alt=""></a> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li> |
|
|
|
<a href="#"><img src="images/seowongak.png" alt=""></a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</div> |
|
|
|
|
|
|
|
<script src="https://unpkg.com/swiper/swiper-bundle.js"></script> |
|
|
|
|
|
|
|
|
|
|
|
</section> |
|
|
|
<!--E: 컨텐츠 영역--> |
|
|
|
|
|
|
|
<!--S: 푸터 영역--> |
|
|
|
<footer class="footer_nav "> |
|
|
|
|
|
|
|
<div class="container"> |
|
|
|
<ul class="footer_list"> |
|
|
|
<li><a href="">개인정보보호정책</a></li> |
|
|
|
<li><a href="">이용약관</a></li> |
|
|
|
<li><a href="">정탐사 운영규정(시험일반규정)</a></li> |
|
|
|
<li><a href="">신분증규정</a></li> |
|
|
|
<li><a href="">부정행위 처리규정</a></li> |
|
|
|
<li><a href="">접수취소 및 환불규정</a></li> |
|
|
|
<li><a href="">고객센터</a></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="footer_info"> |
|
|
|
<div class="footer_container"> |
|
|
|
<ul class="company_address"> |
|
|
|
<li>주소:서울특별시마포구마포대로15</li> |
|
|
|
<li>대표자:정수상</li> |
|
|
|
<li>전화번호:02.333.5555</li> |
|
|
|
<li>팩스번호:02.6666.6666</li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<ul class="business_num"> |
|
|
|
<li>사업자등록번호:384-90-00900</li> |
|
|
|
<li>통신판매번호:2910-00001 사업자정보</li> |
|
|
|
<li>전자우편</li> |
|
|
|
</ul> |
|
|
|
<p>Copyright@2019대한텀정연합회.All Right Reserved</p> |
|
|
|
<img src="images/footer_logo.png" alt=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</footer> |
|
|
|
<!--E: 푸터 영역--> |
|
|
|
</body> |
|
|
|
</html> |
