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='3142' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1250</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=11896 data-id=3142 data-cate= id='access_link'>
                                    
                                    지미가이드님과 함께 한 로키투어 여행!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11896 data-id=3142 data-cate= id='access_link' class='text-truncate'>
                                    조정아
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11896 data-id=3142 data-cate= id='access_link'>
                                    2022-08-07
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11896 data-id=3142 data-cate= id='access_link'>
                                    2029
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3143' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1249</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=11894 data-id=3143 data-cate= id='access_link'>
                                    
                                    또 하나의 특별하고 소중한 추억을 위해 떠난 록키 여행
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11894 data-id=3143 data-cate= id='access_link' class='text-truncate'>
                                    조찬희
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11894 data-id=3143 data-cate= id='access_link'>
                                    2022-08-07
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11894 data-id=3143 data-cate= id='access_link'>
                                    1951
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3144' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1248</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=11893 data-id=3144 data-cate= id='access_link'>
                                    
                                    지미 가이드님, Ming 운전기사님과 함께한 3박4일 로키투어 최고였습니다!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11893 data-id=3144 data-cate= id='access_link' class='text-truncate'>
                                    오예지
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11893 data-id=3144 data-cate= id='access_link'>
                                    2022-08-07
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11893 data-id=3144 data-cate= id='access_link'>
                                    1987
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3145' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1247</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=11892 data-id=3145 data-cate= id='access_link'>
                                    
                                    로키산맥 3박4일
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11892 data-id=3145 data-cate= id='access_link' class='text-truncate'>
                                    안녕
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11892 data-id=3145 data-cate= id='access_link'>
                                    2022-08-07
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11892 data-id=3145 data-cate= id='access_link'>
                                    2177
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3146' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1246</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=11890 data-id=3146 data-cate= id='access_link'>
                                    
                                    지미(상무님) 가이드님 최고!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11890 data-id=3146 data-cate= id='access_link' class='text-truncate'>
                                    서명숙
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11890 data-id=3146 data-cate= id='access_link'>
                                    2022-08-06
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11890 data-id=3146 data-cate= id='access_link'>
                                    2129
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3147' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1245</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=11887 data-id=3147 data-cate= id='access_link'>
                                    
                                    엄마와의 즐거운 추억을 만들어준 록키3박4일!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11887 data-id=3147 data-cate= id='access_link' class='text-truncate'>
                                    김영현
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11887 data-id=3147 data-cate= id='access_link'>
                                    2022-08-05
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11887 data-id=3147 data-cate= id='access_link'>
                                    1975
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3148' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1244</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=11884 data-id=3148 data-cate= id='access_link'>
                                    
                                    밴프 3박4일 투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11884 data-id=3148 data-cate= id='access_link' class='text-truncate'>
                                    허진혁
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11884 data-id=3148 data-cate= id='access_link'>
                                    2022-08-04
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11884 data-id=3148 data-cate= id='access_link'>
                                    2017
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3149' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1243</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=11883 data-id=3149 data-cate= id='access_link'>
                                    
                                    행복했던 록키 투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11883 data-id=3149 data-cate= id='access_link' class='text-truncate'>
                                    김성희
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11883 data-id=3149 data-cate= id='access_link'>
                                    2022-08-04
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11883 data-id=3149 data-cate= id='access_link'>
                                    2224
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3150' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1242</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=11880 data-id=3150 data-cate= id='access_link'>
                                    
                                    록키 + 빅토리아 투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11880 data-id=3150 data-cate= id='access_link' class='text-truncate'>
                                    Rachel
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11880 data-id=3150 data-cate= id='access_link'>
                                    2022-08-04
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11880 data-id=3150 data-cate= id='access_link'>
                                    1990
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3151' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1241</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=11875 data-id=3151 data-cate= id='access_link'>
                                    
                                    홀로 떠난 캐나다 록키투어!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11875 data-id=3151 data-cate= id='access_link' class='text-truncate'>
                                    이지원
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11875 data-id=3151 data-cate= id='access_link'>
                                    2022-08-02
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11875 data-id=3151 data-cate= id='access_link'>
                                    2009
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3152' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1240</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=11872 data-id=3152 data-cate= id='access_link'>
                                    
                                    록키 3/4 투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11872 data-id=3152 data-cate= id='access_link' class='text-truncate'>
                                    이동엽
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11872 data-id=3152 data-cate= id='access_link'>
                                    2022-08-01
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11872 data-id=3152 data-cate= id='access_link'>
                                    2487
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3153' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1239</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=11869 data-id=3153 data-cate= id='access_link'>
                                    
                                    로키투어 후기
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11869 data-id=3153 data-cate= id='access_link' class='text-truncate'>
                                    Kim
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11869 data-id=3153 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11869 data-id=3153 data-cate= id='access_link'>
                                    2036
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3154' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1238</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=11867 data-id=3154 data-cate= id='access_link'>
                                    
                                    잊지못할 캐나다 여행
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11867 data-id=3154 data-cate= id='access_link' class='text-truncate'>
                                    가명
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11867 data-id=3154 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11867 data-id=3154 data-cate= id='access_link'>
                                    2154
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3155' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1237</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=11858 data-id=3155 data-cate= id='access_link'>
                                    
                                    Re: 3박4일 트라이앵글 록키투어 with JIMMY 가이드님, Ming 기사님
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11858 data-id=3155 data-cate= id='access_link' class='text-truncate'>
                                    진
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11858 data-id=3155 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11858 data-id=3155 data-cate= id='access_link'>
                                    1910
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3156' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1236</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=11855 data-id=3156 data-cate= id='access_link'>
                                    
                                    록키투어 (7/19~22) 후기
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11855 data-id=3156 data-cate= id='access_link' class='text-truncate'>
                                    진
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11855 data-id=3156 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11855 data-id=3156 data-cate= id='access_link'>
                                    2007
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3157' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1235</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=11853 data-id=3157 data-cate= id='access_link'>
                                    
                                    버킷리스트 록키투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11853 data-id=3157 data-cate= id='access_link' class='text-truncate'>
                                    harryjung
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11853 data-id=3157 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11853 data-id=3157 data-cate= id='access_link'>
                                    1983
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3158' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1234</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=11852 data-id=3158 data-cate= id='access_link'>
                                    
                                    3박4일 록키! 엄마와 함께 떠난 첫 캐나다여행+ 잘생긴 신이사님
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11852 data-id=3158 data-cate= id='access_link' class='text-truncate'>
                                    이은아
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11852 data-id=3158 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11852 data-id=3158 data-cate= id='access_link'>
                                    2447
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3159' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1233</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=11851 data-id=3159 data-cate= id='access_link'>
                                    
                                    아이들과 함께한 3박4일 록키투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11851 data-id=3159 data-cate= id='access_link' class='text-truncate'>
                                    둥이네
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11851 data-id=3159 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11851 data-id=3159 data-cate= id='access_link'>
                                    1993
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3160' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1232</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=11850 data-id=3160 data-cate= id='access_link'>
                                    
                                    록키투어가 풍성하고 즐거웠습니다!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11850 data-id=3160 data-cate= id='access_link' class='text-truncate'>
                                    고*수
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11850 data-id=3160 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11850 data-id=3160 data-cate= id='access_link'>
                                    2089
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3161' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1231</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=11849 data-id=3161 data-cate= id='access_link'>
                                    
                                    7/28-7/31 록키 3박 4일 ㄹㅈㄷ
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11849 data-id=3161 data-cate= id='access_link' class='text-truncate'>
                                    고유빈
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11849 data-id=3161 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11849 data-id=3161 data-cate= id='access_link'>
                                    2041
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3162' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1230</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=11848 data-id=3162 data-cate= id='access_link'>
                                    
                                    3박4일 록키투어!!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11848 data-id=3162 data-cate= id='access_link' class='text-truncate'>
                                    록키
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11848 data-id=3162 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11848 data-id=3162 data-cate= id='access_link'>
                                    2016
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3163' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1229</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=11847 data-id=3163 data-cate= id='access_link'>
                                    
                                    록키투어
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11847 data-id=3163 data-cate= id='access_link' class='text-truncate'>
                                    이승민
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11847 data-id=3163 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11847 data-id=3163 data-cate= id='access_link'>
                                    1949
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3164' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1228</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=11846 data-id=3164 data-cate= id='access_link'>
                                    
                                    록키 3박4일
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11846 data-id=3164 data-cate= id='access_link' class='text-truncate'>
                                    쌍둥이 이모
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11846 data-id=3164 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11846 data-id=3164 data-cate= id='access_link'>
                                    1935
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3165' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1227</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=11845 data-id=3165 data-cate= id='access_link'>
                                    
                                    기대보다 더 좋았던 록키투어 with 신이사님
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11845 data-id=3165 data-cate= id='access_link' class='text-truncate'>
                                    LEE
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11845 data-id=3165 data-cate= id='access_link'>
                                    2022-07-31
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11845 data-id=3165 data-cate= id='access_link'>
                                    1955
                                </a>
                            </td>
                        </tr>
                                
                        <tr data-id='3166' style=''>
                            <td class='text-center d-none d-sm-table-cell'>
                                <span>1226</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=11842 data-id=3166 data-cate= id='access_link'>
                                    
                                    록키 3박4일 트라이앵글투어 후기!
                                    
                                    
                                </a>
                            </td>
                            <td class='text-center'>
                                <a data-toggle='modal' data-fid=11842 data-id=3166 data-cate= id='access_link' class='text-truncate'>
                                    Hamin
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-fid=11842 data-id=3166 data-cate= id='access_link'>
                                    2022-07-29
                                </a>
                            </td>
                            <td class='text-center d-none d-sm-table-cell'>
                                <a data-toggle='modal' data-target='#exampleModal' data-fid=11842 data-id=3166 data-cate= id='access_link'>
                                    1974
                                </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=157&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 ">
                <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 active">
                <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>