SELECT * FROM paran_board_setup WHERE board_type ='travel_review'
<style>
    #head-section {
        background-image: url('img/co_img.jpg'); 
        background-size: auto; 
        height: 200px; 
    }
    
    .space {
       height: 0px; 
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .space {
            height: 96px;
        }
    }
    
    @media (max-width: 767px) {
        .space {
            height: 50px;
        }
    }
</style>

<section id="head-section" class="d-none d-lg-flex d-flex justify-content-center align-items-end text-center" style="position: relative;">
    <div style="background-color: #000; opacity: 0.7; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"></div>
    <div class="animated fadeInDown">
          <h1 class="text-light">여행후기</h1>
        </div>
</section>

<div class='space'></div>
<main>
  <div class="container">
    <div class="row pt-4">
      <aside class="col-lg-3" id="sidebar">
  <div class="theiaStickySidebar">
    <div class="box_style_cat" id="faq_box">
      <ul id="cat_nav">
        <li><a href="community-board.php?type=travel_review" class="active">여행 후기</a></li>
        <li><a href="community-board.php?type=rocky_today">갤러리</a></li>
        <li><a href="community-board.php?type=rocky_today">오늘의 "록키"!</a></li>
        <li><a href="community-board.php?type=guide_story">가이드스토리</a></li>
        <li><a href="customer-voice.php">고객의 소리</a></li>
      </ul>
    </div>
  </div>
</aside>
<style>
table a {
  color: #000 !important;
}

.text-center {
  text-align: center;
}
    
#tour-qna-table tr {
  cursor: pointer;
}
</style>

<div class="col-lg-9" id="faq">
  <h2 style="margin: 10px 0 6px 0;">여행후기</h2>
  <p style="color: #5D5D5D;">
    
  </p>

<div class="d-flex justify-content-between mb-2 flex-column flex-sm-row">
    <div class="d-flex mb-2 mb-sm-0">
      <input type="text" class="form-control me-1" id="searchInput" placeholder="검색어를 입력해주세요" style="width: 250px;"
        aria-label="Search" value="">
      <button type="button" id="searchButton" class="btn btn-dark btn-sm">검색</button>
    </div>
    
    <button type="button" class="btn btn-danger btn-sm" id="review-travel-button">글쓰기</button>
</div>


  <div class="table-responsive">
    <table class="table table-hover" id="tour-qna-table">
      <thead>
        <tr>
          <th scope="col" class="text-center d-none d-sm-table-cell" style="width: 50px;">번호</th>
          <th scope="col" class="text-center d-none d-sm-table-cell" style="width: 60px;">포토</th>
          <th scope="col" class="text-center">제목</th>
          <th scope="col" class="text-center" style="width: 90px;">작성자</th>
          <th scope="col" class="text-center d-none d-sm-table-cell" style="width: 120px;">작성일</th>
          <th scope="col" class="text-center d-none d-sm-table-cell" style="width: 60px;">조회수</th>
        </tr>
      </thead>

      <tbody>
                
                        <tr data-id='3092' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1300</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12023 data-id=3092 data-cate= id='access_link'>
                                    
                                    가족들과 함꼐한 로키여행 feat. Andrew Kim, 김원응 실장님)
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12023 data-id=3092 data-cate= id='access_link' class='text-truncate'>
                                    권동진
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12023 data-id=3092 data-cate= id='access_link'>
                                    2022-09-03
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12023 data-id=3092 data-cate= id='access_link'>
                                    2499
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3093' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1299</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12022 data-id=3093 data-cate= id='access_link'>
                                    
                                    legend guide인 Jimmy Kim과 함께한 즐거운  Rocky 여행!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12022 data-id=3093 data-cate= id='access_link' class='text-truncate'>
                                    annie
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12022 data-id=3093 data-cate= id='access_link'>
                                    2022-09-03
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12022 data-id=3093 data-cate= id='access_link'>
                                    1879
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3094' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1298</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12021 data-id=3094 data-cate= id='access_link'>
                                    
                                    Re: Rockies Tour
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12021 data-id=3094 data-cate= id='access_link' class='text-truncate'>
                                    Top fitness
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12021 data-id=3094 data-cate= id='access_link'>
                                    2022-09-02
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12021 data-id=3094 data-cate= id='access_link'>
                                    1686
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3095' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1297</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12018 data-id=3095 data-cate= id='access_link'>
                                    
                                    신이사님, 전부장님과 함께한 록키투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12018 data-id=3095 data-cate= id='access_link' class='text-truncate'>
                                    김연수
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12018 data-id=3095 data-cate= id='access_link'>
                                    2022-08-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12018 data-id=3095 data-cate= id='access_link'>
                                    1853
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3096' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1296</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12016 data-id=3096 data-cate= id='access_link'>
                                    
                                    신이사님, 전부장님과 함께 한 시간순삭 밴프 3박 4일!!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12016 data-id=3096 data-cate= id='access_link' class='text-truncate'>
                                    조승민
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12016 data-id=3096 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12016 data-id=3096 data-cate= id='access_link'>
                                    1899
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3097' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1295</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12006 data-id=3097 data-cate= id='access_link'>
                                    
                                    최고의 록키투어였어요, 신이사님 감사합니다
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12006 data-id=3097 data-cate= id='access_link' class='text-truncate'>
                                    김선주
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12006 data-id=3097 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12006 data-id=3097 data-cate= id='access_link'>
                                    1872
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3098' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1294</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12005 data-id=3098 data-cate= id='access_link'>
                                    
                                    신형태이사님, 전부장님과 함께한 로키투어 최고였어요~^^
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12005 data-id=3098 data-cate= id='access_link' class='text-truncate'>
                                    강주영
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12005 data-id=3098 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12005 data-id=3098 data-cate= id='access_link'>
                                    1863
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3099' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1293</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12004 data-id=3099 data-cate= id='access_link'>
                                    
                                    신이사님과 함께한 3박 4일 투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12004 data-id=3099 data-cate= id='access_link' class='text-truncate'>
                                    김도희
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12004 data-id=3099 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12004 data-id=3099 data-cate= id='access_link'>
                                    2251
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3100' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1292</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12003 data-id=3100 data-cate= id='access_link'>
                                    
                                    신형태 가이드님과 함께한 3박 4일 ‘최고’의 로키투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12003 data-id=3100 data-cate= id='access_link' class='text-truncate'>
                                    이지민
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12003 data-id=3100 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12003 data-id=3100 data-cate= id='access_link'>
                                    2020
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3101' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1291</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12002 data-id=3101 data-cate= id='access_link'>
                                    
                                    가족, 신이사님과 함께해서 즐거웠던 로키 여행
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12002 data-id=3101 data-cate= id='access_link' class='text-truncate'>
                                    지원아빠
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12002 data-id=3101 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12002 data-id=3101 data-cate= id='access_link'>
                                    1839
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3102' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1290</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12001 data-id=3102 data-cate= id='access_link'>
                                    
                                    신형태 이사님의 록키투어 좋았습니다.
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12001 data-id=3102 data-cate= id='access_link' class='text-truncate'>
                                    이후정
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12001 data-id=3102 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12001 data-id=3102 data-cate= id='access_link'>
                                    1847
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3103' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1289</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=12000 data-id=3103 data-cate= id='access_link'>
                                    
                                    신이사님,전부장님과 록키여행
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=12000 data-id=3103 data-cate= id='access_link' class='text-truncate'>
                                    정지유
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=12000 data-id=3103 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=12000 data-id=3103 data-cate= id='access_link'>
                                    1804
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3104' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1288</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11999 data-id=3104 data-cate= id='access_link'>
                                    
                                    신형태 이사님 베리 굳굳
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11999 data-id=3104 data-cate= id='access_link' class='text-truncate'>
                                    이재린
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11999 data-id=3104 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11999 data-id=3104 data-cate= id='access_link'>
                                    1826
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3105' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1287</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11998 data-id=3105 data-cate= id='access_link'>
                                    
                                    신형태이사님과 록키 짱짱!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11998 data-id=3105 data-cate= id='access_link' class='text-truncate'>
                                    조현주
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11998 data-id=3105 data-cate= id='access_link'>
                                    2022-08-30
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11998 data-id=3105 data-cate= id='access_link'>
                                    1815
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3106' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1286</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11996 data-id=3106 data-cate= id='access_link'>
                                    
                                    홍과장님과 록키 다녀왔어요~~@^^@
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11996 data-id=3106 data-cate= id='access_link' class='text-truncate'>
                                    김두희
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11996 data-id=3106 data-cate= id='access_link'>
                                    2022-08-29
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11996 data-id=3106 data-cate= id='access_link'>
                                    1860
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3107' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1285</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11985 data-id=3107 data-cate= id='access_link'>
                                    
                                    최고의 선물 로키여행이었어요!!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11985 data-id=3107 data-cate= id='access_link' class='text-truncate'>
                                    Laura
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11985 data-id=3107 data-cate= id='access_link'>
                                    2022-08-28
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11985 data-id=3107 data-cate= id='access_link'>
                                    2228
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3108' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1284</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11983 data-id=3108 data-cate= id='access_link'>
                                    
                                    로키 투어 3/4일
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11983 data-id=3108 data-cate= id='access_link' class='text-truncate'>
                                    임윤아
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11983 data-id=3108 data-cate= id='access_link'>
                                    2022-08-27
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11983 data-id=3108 data-cate= id='access_link'>
                                    1829
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3109' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1283</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11982 data-id=3109 data-cate= id='access_link'>
                                    
                                    홍선민 가이드님과 함께한 3박 4일 록키투어!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11982 data-id=3109 data-cate= id='access_link' class='text-truncate'>
                                    June
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11982 data-id=3109 data-cate= id='access_link'>
                                    2022-08-27
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11982 data-id=3109 data-cate= id='access_link'>
                                    2062
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3110' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1282</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11980 data-id=3110 data-cate= id='access_link'>
                                    
                                    4단 콤보 홍과장님
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11980 data-id=3110 data-cate= id='access_link' class='text-truncate'>
                                    구자황
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11980 data-id=3110 data-cate= id='access_link'>
                                    2022-08-27
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11980 data-id=3110 data-cate= id='access_link'>
                                    2018
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3111' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1281</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11979 data-id=3111 data-cate= id='access_link'>
                                    
                                    홍선민 가이드님과 함께했던 잊지못할 록키여행..
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11979 data-id=3111 data-cate= id='access_link' class='text-truncate'>
                                    이지은
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11979 data-id=3111 data-cate= id='access_link'>
                                    2022-08-27
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11979 data-id=3111 data-cate= id='access_link'>
                                    2629
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3112' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1280</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11978 data-id=3112 data-cate= id='access_link'>
                                    
                                    록키산맥 3박 4일 홍과장님과 함께~~
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11978 data-id=3112 data-cate= id='access_link' class='text-truncate'>
                                    오기택
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11978 data-id=3112 data-cate= id='access_link'>
                                    2022-08-27
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11978 data-id=3112 data-cate= id='access_link'>
                                    1894
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3113' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1279</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11977 data-id=3113 data-cate= id='access_link'>
                                    
                                    지미! 이런걸 왜 더 일찍 못갔을까요..ㅠㅠ 록키후기
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11977 data-id=3113 data-cate= id='access_link' class='text-truncate'>
                                    Jacob
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11977 data-id=3113 data-cate= id='access_link'>
                                    2022-08-27
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11977 data-id=3113 data-cate= id='access_link'>
                                    1893
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3114' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1278</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11976 data-id=3114 data-cate= id='access_link'>
                                    
                                    홍선민 과장님 감사합니다~~
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11976 data-id=3114 data-cate= id='access_link' class='text-truncate'>
                                    오지은
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11976 data-id=3114 data-cate= id='access_link'>
                                    2022-08-27
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11976 data-id=3114 data-cate= id='access_link'>
                                    2013
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3115' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1277</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11970 data-id=3115 data-cate= id='access_link'>
                                    
                                    김원응 실장님과 함께 한 로키투어, 최고였습니다! (8/20-8/23)
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11970 data-id=3115 data-cate= id='access_link' class='text-truncate'>
                                    씨애틀신혼부부
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11970 data-id=3115 data-cate= id='access_link'>
                                    2022-08-23
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11970 data-id=3115 data-cate= id='access_link'>
                                    1922
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3116' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1276</span>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <img src='https://royaltourcanada.com/img/logo_r.png' style='width: 60px;'>
                            </td>
                            <td>
                                <a data-fid=11968 data-id=3116 data-cate= id='access_link'>
                                    
                                    김원응실장님과 함께한 로키여행^^~(8.20-8.23)
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11968 data-id=3116 data-cate= id='access_link' class='text-truncate'>
                                    김우청
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11968 data-id=3116 data-cate= id='access_link'>
                                    2022-08-23
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11968 data-id=3116 data-cate= id='access_link'>
                                    1875
                                </a>
                            </td>
                        </tr>
                                              </tbody>
    </table>
  </div>
  <nav>
    <ul class="pagination pagination-sm justify-content-center">
            <li class="page-item">
        <a class="page-link" href="?page=155&type=travel_review">이전</a>
      </li>
                  <li class="page-item ">
                <a class="page-link" href="?page=151&type=travel_review">151</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=152&type=travel_review">152</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=153&type=travel_review">153</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=154&type=travel_review">154</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=155&type=travel_review">155</a>
              </li>
            <li class="page-item active">
                <a class="page-link" href="?page=156&type=travel_review">156</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=157&type=travel_review">157</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=158&type=travel_review">158</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=159&type=travel_review">159</a>
              </li>
            <li class="page-item ">
                <a class="page-link" href="?page=160&type=travel_review">160</a>
              </li>
                  <li class="page-item">
        <a class="page-link" href="?page=161&type=travel_review">다음</a>
      </li>
          </ul>
  </nav>
</div>

<script>
document.getElementById('review-travel-button').addEventListener('click', function() {
    location.href = `/board-edit.php?type=travel_review`;
})    
    
document.getElementById('searchButton').addEventListener('click', function() {
  var inputValue = document.getElementById('searchInput').value;
  var currentUrl = new URL(window.location.href);

  if (!inputValue) {
    currentUrl.searchParams.delete('search_key');
  } else {
    currentUrl.searchParams.set('search_key', inputValue);
  }
  window.location.href = currentUrl.href;
});
    
const table = document.getElementById("tour-qna-table")
table.addEventListener('click', event => {    
    let target = event.target;

    // 클릭된 요소가 td가 아닐 경우 부모 요소가 tr인지 검사
    while (target.tagName !== 'TR') {
        // target의 부모 요소로 이동
        target = target.parentNode;
        // 만약 document까지 올라갔다면 멈춤 (tr을 찾지 못한 경우)
        if (target === document) {
            return;
        }
    }

    // tr 요소에서 data-id 속성을 읽음
    const id = target.dataset.id;
    if (id) {
        // 페이지 이동
        location.href = `/board_detail.php?type=travel_review&id=${id}`;
    }
})

</script>



    </div>
  </div>
</main>

<style>
.i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon {margin:4px 6px 7px 5px !important}

.mobile_margin {margin-bottom:30px;}
.mainpr10 {/*padding-left:32px;*/padding-left: 11px;
    border-left: 1px solid #eee;
    margin-left: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.tb-space { padding:20px 0px 0px 0px }
.footcucss {justify-content:right;display:inline-flex;}
.footcucss1 {padding-left:0px; margin-left:0px; margin-right:0px}
.footcucss2 {padding-left:0px;}

@media screen and (max-width: 375px) {

.footcucss2 {padding-left:7px !important;}
}

@media screen and (max-width: 767px) {

.mainpr10 {padding-right:0px;padding-left:0px;border-left:0px;padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px}
.footcucss {justify-content:center;display:block;}
.footcucss1 {padding-left:0px; margin-left:-0.75px; margin-right:-0.75px}
.footcucss2 {padding-left:15px; /*padding-left:5px;margin-left:20px*/}
.footcspl {padding-left:0px !important}
.footcscss5 { padding-left:0px !important;}

/*.container1 {padding-left:0px !important; padding-right:0px !important;}    */

.customfootcss1 {padding-top:15px !important;padding-bottom:0px !important}
.customfootcss11 {/*display:inline-flex;*/}
.customfootcss2 {margin-top:1.5rem !important }
.customfootcss211 {width:140px !important}

.i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon {margin:4px 0px 7px 0px !important; padding-left:10%} 


}



/* .tips {background-color:#f5f7f8 !important}/ */
.footcucss3 {text-shadow:none;color:#000000;}
.contact_info {color:#000000;}
.footer3 {background:#ffffff;}
.footcspl {/*padding-left:26.1px*/}

.contact_info333 {font-size: 14px;
    color: #ffffff;
    display: inline-block;}
.contact_info1_1 {display:inline-block;padding-left: 11px;}
.footcsb { /*border-top:1px solid #aaaaaa*/}


.footcscss4 {border:1px solid #e4e4e4; background:#f8f8f8 !important; color:#333333 !important}
.footcscss5 { padding-left:0px}
.footcucss6 {padding:50px 0px 50px 0px}

@media screen and (max-width: 992px) {
.pla1 { text-align: left;}
}

.customfootcss1 {padding-top:15px;padding-bottom:10px}
.kakatalk_icon {width:40px;height:40px}
.customfootcss211 {width:169px}

    .border-div {
       border-right: 1px solid #ededed; 
    }
    
</style>

<section class="container margin_60 d-flex justify-content-center">
  <a href="https://onlineservices-servicesenligne.cic.gc.ca/eta/welcome?lang=en&_ga=" target="_blank" class="d-flex flex-column align-items-center text-center pr-5 pl-5 border-div">
    <img src="img/icons/CNETA.png" class="mb-1">
    <span class="text-dark">캐나다 eTA <br /> 신청하기</span>
  </a>
  <a href="https://esta.cbp.dhs.gov/" target="_blank" class="d-flex flex-column align-items-center text-center pr-5 pl-5 border-div">
    <img src="img/icons/USESTA.png" class="mb-1">
    <span class="text-dark">미국 ESTA<br /> 신청하기</span>
  </a>
  <a href="community-board.php?type=faq" target="_blank"  class="d-flex flex-column align-items-center text-center pr-5 pl-5 border-div">
    <img src="img/icons/faqimg.png" class="mb-1">
    <span class="text-dark">자주하는질문</span>
  </a>
  <a href="community-board.php?type=tour_qna" target="_blank" class="d-flex flex-column align-items-center text-center pr-5 pl-5 border-div">
    <img src="img/icons/tourqna.png" class="mb-1">
    <span class="text-dark">여행문의</span>
  </a>
  <a href="board_detail.php?type=faq&id=78" target="_blank" class="d-flex flex-column align-items-center text-center pr-5 pl-5 border-div">
    <img src="img/icons/rule.png" class="mb-1">
    <span class="text-dark">예약규정 및 <br />취소규정</span>
  </a>
  <a href="board_detail.php?type=faq&id=79" target="_blank" class="d-flex flex-column align-items-center text-center pr-5 pl-5 border-div">
    <img src="img/icons/pay_info.png" class="mb-1">
    <span class="text-dark">결제정보</span>
  </a>
  <a href="community-board.php?type=ad_news" target="_blank" class="d-flex flex-column align-items-center text-center pr-5 pl-5 border-div">
    <img src="img/icons/ad_sin.png" class="mb-1">
    <span class="text-dark">신문광고</span>
  </a>
  <a href="https://www.theweathernetwork.com/ca/weather/british-columbia/vancouver" class="d-flex flex-column align-items-center text-center pr-5 pl-5">
    <img src="img/icons/weather.png" class="mb-1">
    <span class="text-dark">날씨</span>
  </a>
</section>

<footer >
        <div class="container">
            <div class="row">
			    
                <div class="col-12 col-sm-4 d-flex flex-column align-items-center gap-4 mb-4">
                    <img src="img/logo_b2.png" style="width: 200px;">
                    
                    <img src="img/license.png" style="width: 200px;">
                </div>
                <div class="col-12 col-sm-4 d-flex flex-column align-items-center mb-4">
                    <div class="d-flex flex-column gap-1 align-items-center align-items-sm-start">
                        <div class="mb-2 text-center text-sm-start">
                            <div class="fs-5">대표전화 / 밴쿠버 </div>
                            <a href="tel://6044449821" class="fs-6 mb-2">604.444.9821</a>                
                        </div>
                        <a href="tel://18889939298">미국/캐나다 무료 1.888.993.9298</a>
                        <a href="tel://07044980218">한국/밴쿠버 무료전화 070.4498.0218</a>
                        <a href="tel://07051230218">한국/한국 무료전화 070.5123.0218</a>
                        <a href="mailto:info@royaltourcanada.com">info@royaltourcanada.com</a>
                        <div>FAX: 604 - 444 - 9823</div>
                        <div class="mt-2">207-4501 North Rd Burnaby BC V3N 4R7</div>
                    </div>
                </div>
                <div class="col-12 col-sm-4 d-flex flex-column align-items-center">
                    <div class="d-flex flex-column gap-4 align-items-sm-start align-items-center">
                        <div class="text-sm-start text-center">
                            <div class="text-light fw-medium fs-6">[영업시간]</div>
                            <div>평일 09:00 - 18:00</div>      
                        </div>
                        <div class="text-sm-start text-center">
                            <div class="text-light fw-medium fs-6">[여름시즌 임시 영업시간]</div>
                            <div>평일 09:00 - 18:00</div>
                            <div>토요일 10:00 - 14:00</div>     
                        </div>
                    </div>
                </div>
            </div>
			
             
                   
              
            </div><!-- End row -->
            <div class="row">
                <div class="col-md-12">
                    <div id="social_footer">
                        <p class='text-center' style='color:#fff'><b><a href="about.php">회사소개</a> | <a href="map.php">오시는길</a> | <a href="rule.php">이용약관</a> | <a href="rperson.php">개인정보처리방침</a></b></p>
                        <p>COPYRIGHTⓒ 로얄투어 ALL RIGHTS RESERVED</p>
                    </div>
                </div>
            </div><!-- End row -->
        </div><!-- End container -->
</footer><!-- End footer -->

<section>
    <div class="icon-float">
        <ul>
            <li class="fb1"><a href="community-board.php?type=tour_qna" style="background-color:#333333  !important;" target="_blank" title="여행문의" class="yt1"><i class="icon_set_1_icon-17" aria-hidden="true" title="여행문의"></i></a> </li>

            <li><a href="https://www.instagram.com/royaltourcanada//" target="_blank" title="로얄투어 인스타그램" class="ins1"style="background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)  !important;" /><i class="icon1-SNS_floating_instagram" aria-hidden="true" title="로얄투어 인스타그램"></i></a> </li>

            <li><a href="https://plus.kakao.com/home/@로얄투어" target="_blank" title="로얄투어 카카오톡" class="kaka1"><i class="icon1-SNS_floating_kakao" aria-hidden="true" title="로얄투어 카카오톡"></i></a> </li>
			
			<li><a href="https://blog.naver.com/canada-royaltour" target="_blank" title="로얄투어 블로그" class="wa1"><i class="icon1-SNS_floating_blog" aria-hidden="true" title="로얄투어 블로그"></i></a> </li>
            
            <li><a href="https://www.facebook.com/royaltourcanada" target="_blank" title="로얄투어 페이스북" class="fb1"><i class="icon1-SNS_floating_facebook" aria-hidden="true" title="로얄투어 페이스북"></i></a> </li>

        </ul>
		  
		
		
		
        </ul>
    </div>
</section>-
<div id="toTop"></div><!-- Back to top button -->
	
	<!-- Search Menu -->
	<div class="search-overlay-menu">
		<span class="search-overlay-close"><i class="icon_set_1_icon-77"></i></span>
		<form action='serach-list.php' role="search" id="searchform" method="get">
			<input value="" name="s" id="s" type="text" placeholder="검색어입력(상품명등 입력...)" />
			<button type="submit"><i class="icon_set_1_icon-78"></i>
			</button>
		</form>
	</div><!-- End Search Menu -->
	</section>
	<!-- Sign In Popup -->

<style>
    .hidden {
        display: none;
    }
    
    .findPasswordButton {
        background: none;
        border: none;
        color: #e14d67;
        font-weight: 300;
    }
</style>

<div id="sign-in-dialog" class="zoom-anim-dialog mfp-hide">
  <form id="loginForm">
    <div class="small-dialog-header">
      <h3>로그인</h3>
    </div>
    <div class="sign-in-wrapper">
      <div class="form-group">
        <label>이메일</label>
        <input type="email" class="form-control" name="email" id="email" placeholder="이메일 입력" required>
        <i class="icon_mail_alt"></i>
      </div>
      <div class="form-group">
        <label>비밀번호</label>
        <input type="password" class="form-control" name="password" id="password" value="" placeholder="비밀번호 입력"
          required>
        <i class="icon_lock_alt"></i>
      </div>
      <div class="clearfix add_bottom_15">
        <div class="checkboxes float-start">
          <label class="container_check">아이디 저장
            <input type="checkbox">
            <span class="checkmark"></span>
          </label>
        </div>
        <div class="float-end"><button class="findPasswordButton" onclick="showForm()">비밀번호 찾기</button></div>
      </div>
      <div class="text-center"><input type="submit" value="로그인" class="btn_login"></div>
    </div>
    <div class="text-center">아직 회원이 아닌가요? <a href="register.php">회원가입</a></div>
  </form>
  <form id="findPasswordForm" class="hidden">
    <div class="small-dialog-header">
      <h3>비밀번호 찾기</h3>
    </div>
    <div class="sign-in-wrapper">
        <div class="form-group">
          <label>회원가입 시 입력한 이메일을 입력해주세요</label>
          <input type="email" class="form-control" name="emailForget" id="emailForget">
          <i class="icon_mail_alt"></i>
        </div>
        <p>비밀번호를 이메일로 보내드려요.</p>
        <div class="text-center"><input type="submit" value="이메일로 받기" class="btn_1"></div>
    </div>
  </form>
</div>

<script>
const form = document.getElementById('loginForm');
const passwordForm = document.getElementById('findPasswordForm');
form.addEventListener('submit', handleSubmit);
passwordForm.addEventListener('submit', handlePasswordForm);
 
function showForm() {
  document.getElementById('loginForm').style.display = 'none'; 
  document.getElementById('findPasswordForm').style.display = 'block'; 
}  
     
function handleSubmit(event) {
    event.preventDefault(); // 폼 기본 제출 이벤트 방지

    const email = document.getElementById('email').value;
    const password = document.getElementById('password').value;
    const rememberMe = document.querySelector('[type="checkbox"]').checked;

    if (!email || !password) {
      alert('이메일과 비밀번호를 모두 입력해 주세요.');
      return;
    }

    if (rememberMe) {
      localStorage.setItem('rememberedEmail', email);
    } else {
      localStorage.removeItem('rememberedEmail');
    }

    const formData = new URLSearchParams();
    formData.append('email', email);
    formData.append('password', password);

    fetch('sign_in.php', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: formData
      })
      .then(response => response.json())
      .then(data => {
        if (data.success) {
          console.log('Login successful');
          window.location.href = 'index.php'; // Redirect on success
        } else {
          alert('로그인 실패: ' + data.error);
        }
      })
      .catch(error => {
        console.error('Error:', error);
        alert('로그인 처리 중 문제가 발생했습니다.');
      });
}  
    
function handlePasswordForm(event) {
    event.preventDefault();
    
    const email = document.getElementById('emailForget')?.value;
    if (!email) {
        alert('이메일을 입력해주세요');
        return;
    }
    
    const formData = new URLSearchParams();
    formData.append('email', email);
    
    fetch('email-forget.php', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: formData
      })
      .then(response => response.json())
      .then(data => {
        if (data.success) {
          window.location.href = 'index.php'; // Redirect on success
        } else {
          alert('다시 시도해주세요.');
        }
      })
      .catch(error => {
        console.error('Error:', error);
        alert('처리 중 문제가 발생했습니다.');
      });
}

  const rememberedEmail = localStorage.getItem('rememberedEmail');
  if (rememberedEmail) {
    document.getElementById('email').value = rememberedEmail;
    document.querySelector('[type="checkbox"]').checked = true;
  }
</script>
    <!-- Common scripts -->
    <script src="js/jquery-3.7.1.min.js"></script>
	<script src="js/bootstrap.bundle.js"></script>
	
    <script src="js/common_scripts_min.js"></script>
    <script src="js/functions.js"></script>
	
    <!-- Gallery -->
	<script src="js/jquery.sliderPro.min.js"></script>


	<!--Review modal validation -->
	<script src="assets/validate.js"></script>

	<!-- Map -->
	<script src="http://maps.googleapis.com/maps/api/js"></script>
	<script src="js/map_full_page.js"></script>
	<script src="js/infobox.js"></script>
	<!-- Fixed sidebar -->
	<script src="js/theia-sticky-sidebar.js"></script>
	<script>
		jQuery('#sidebar').theiaStickySidebar({
			additionalMarginTop: 80
		});
		const searchInput = document.getElementById('s');
		const autocompleteList = document.getElementById('autocomplete');

		searchInput.addEventListener('input', function() {
		  const keyword = this.value;

		  // 검색어가 비어있으면 자동 완성 목록을 숨깁니다.
		  if (keyword.length === 0) {
			autocompleteList.style.display = 'none';
			return;
		  }

		  // 검색어를 사용하여 추천 검색어를 가져옵니다. (예시: 로컬 데이터)
		  const suggestions = getSuggestions(keyword);

		  // 자동 완성 목록을 업데이트합니다.
		  updateAutocompleteList(suggestions);
		});

		function getSuggestions(keyword) {
		  const data = ['apple', 'banana', 'orange', 'grape', 'kiwi']; // 예시 데이터
		  return data.filter(item => item.toLowerCase().startsWith(keyword.toLowerCase()));
		}

		function updateAutocompleteList(suggestions) {
		  autocompleteList.innerHTML = ''; // 기존 목록을 지웁니다.

		  if (suggestions.length === 0) {
			autocompleteList.style.display = 'none';
			return;
		  }

		  suggestions.forEach(suggestion => {
			const li = document.createElement('li');
			li.textContent = suggestion;
			li.addEventListener('click', function() {
			  searchInput.value = suggestion;
			  autocompleteList.style.display = 'none';
			});
			autocompleteList.appendChild(li);
		  });

		  autocompleteList.style.display = 'block';
		}
	
	</script>
	
</body>

</html>

 
</body>
</html>