[RESOURCE::css/theme.page.main.css]

<div class="col-12" data-wv-layout-element="block">
    <div data-wv-layout-element="block_inner">
        <div class="col-12 visual_wrap">
            <div class="col-12 h-100 pt45 visual_item">
                <div class="col-12 h-100 main_visual_slide_img_con">
                    <div class="col-12 over-hidden main_visual_slide_img">
                        <div class="video-container">
                            <iframe style="width: 1812.95px; height: 1103.35px;" class="youtube" id="nRRrWgbgOZc" src="https://www.youtube.com/embed/nRRrWgbgOZc?autoplay=1&playsinline=1&loop=1&wmode=opaque&playlist=nRRrWgbgOZc&modestbranding=1&showinfo=0&controls=0&vq=hd720" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                    <div class="col-12 main_visual_slide_img"></div>
                    <div class="col-12 main_visual_slide_img"></div>
                    <div class="col-12 main_visual_slide_img"></div>
                </div>
                <div class="col-12 col-center mw-1200 h-100">
                    <div class="col-12 h-100 pr15 pl15">
                        <div class="col-12" data-wv-layout-element="block">
                            <div data-wv-layout-element="block_inner" class="wveditor_text">
                                <div class="col-12 visual_header">
                                            <span class="fl fontsize14 visual_num">
                                                01
                                            </span>
                                    <span class="fr tr subscribe_con">
                                        <span class="show vm fontsize14 mr29">
                                            <a href="javascript:void(0)" class="show-block pr19 subscribe">
                                                Subscribe Newsletter
                                            </a>
                                        </span>
                                        <span class="show vm">
                                            <a href="javascript:void(0)">
                                                <img src="[RESOURCE::img/search_icon.png]" alt="검색">
                                            </a>
                                        </span>
                                    </span>
                                </div>
                            </div>
                            <div data-wv-layout-element="block_selection"></div>
                        </div>
                        <div class="col-12 h-100 show-table visual_inner">
                            <div class="col-12 show-tablecell tc fn vb">
                                <div class="col-12" data-wv-layout-element="block">
                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                        <h2 class="fontsize79 fontweight_bold lineheight40 mb9">
                                            <img src="[RESOURCE::img/visual_ggoggo_img.png]"/><div class="fontsize25 fontweight400 lineheight58 mb9 h_subtitle2">황금올리브유와 코코넛의 환상적인 맛남!</div>
                                        </h2>
                                    </div>
                                    <div data-wv-layout-element="block_selection"></div>
                                </div>
                                <div class="col-12" data-wv-layout-element="block">
                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                        <div class="show fontsize11 mb40 mb-sm-0">
                                            <a href="javascript:void(0)" class="show-block pt10 pb11 pr30 pl30 main_visual_more_btn">
                                                자세히보기
                                            </a>
                                        </div>
                                    </div>
                                    <div data-wv-layout-element="block_selection"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 visual_summary_con">
                            <div class="col-12" data-wv-layout-element="block">
                                <div data-wv-layout-element="block_inner" class="wveditor_text">
                                    <p class="hidden show-md-block fontsize11 visual_summary">
                                        BBQ Hot Issue
                                    </p>
                                </div>
                                <div data-wv-layout-element="block_selection"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 rolling_btn_wrap">
                <div class="col-12 col-center mw-1200 over-visible">
                    <ul class="col-12 col-center tc pr15 pl15 rolling_btn_con wveditor_text ggoggo_chiken_list">
                        <li class="col-6 col-sm-3 fontsize14 mb20 mb-sm-0 rolling_btn active">
                            <a href="javascript:void(0)" class="show-block pt14 rolling_text">
                                <span>
                                    꼬꼬넛 치킨 출시
                                </span>
                            </a>
                        </li>
                        <li class="col-6 col-sm-3 fontsize14 mb20 mb-sm-0 rolling_btn">
                            <a href="javascript:void(0)" class="show-block pt14 rolling_text">
                                <span>
                                    포토카드&히든영상
                                </span>
                            </a>
                        </li>
                        <li class="col-6 col-sm-3 fontsize14 mb20 mb-sm-0 rolling_btn">
                            <a href="javascript:void(0)" class="show-block pt14 rolling_text">
                                <span>
                                    e - 스포츠팀 공식후원
                                </span>
                            </a>
                        </li>
                        <li class="col-6 col-sm-3 fontsize14 mb20 mb-sm-0 rolling_btn">
                            <a href="javascript:void(0)" class="show-block pt14 rolling_text">
                                <span>
                                    황금올리브치킨
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div data-wv-layout-element="block_selection"></div>
</div>

<!-- WEVEN FOCUS -->
<div class="col-12" data-wv-layout-element="block">
    <div data-wv-layout-element="block_inner">
        <div class="col-12 tc section section_focus section_news">
            <div class="col-12 section_focus_bg"></div>
            <div class="col-12 col-center mw-1200">
                <div class="col-12 pt77 pr15 pl15 main_visual_section_customer">
                    <!-- section 공통 -->
                    <div class="col-12 h-100 section_vertical_line">
                        <hr class="h-100 section_vertical_first">
                        <hr class="h-100 section_vertical_second">
                        <hr class="h-100 section_vertical_third">
                        <hr class="h-100 section_vertical_forth">
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <h3 class="fontsize26 mb22">CUSTOMER</h3>
                            <span class="fontsize11">
                            <a href="javascript:void(0)" class="show-block pr13 more_btn">
                                전체보기
                            </a>
                        </span>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_line">
                            <hr class="show mb20 section_line">
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <p class="fontsize12 mb30 section_desc">BBQ 고객님을 위한 주문조회 및 고객센터정보를 안내합니다</p>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <!-- //section 공통 -->
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <div class="col-12 col-md-4 pl50 pr50 main_visual_customer_slice">
                                <div class="col-12"><img src="[RESOURCE::img/main_visual_phon.png]"/></div>
                                <div class="col-12 tc tl-md fontsize18 fontweight400 mt32 mb12">나의 주문조회</div>
                                <div class="col-12 tc tl-md lineheight20">
                                    <span class="fontsize12">주문번호 &nbsp;&nbsp;:&nbsp;&nbsp;</span>
                                    <span class="fontsize13 fontweight400 customer_font_gray">1234567890</span>
                                </div>
                                <div class="col-12 tc tl-md">
                                    <span class="fontsize12">결제금액 &nbsp;&nbsp;:&nbsp;&nbsp;</span>
                                    <span class="fontsize13 fontweight400 customer_font_red">23,000원</span>
                                </div>
                                <div class="col-12 tc tl-md">
                                    <span class="fontsize12">마일리지 &nbsp;&nbsp;:&nbsp;&nbsp;</span>
                                    <span class="fontsize13 fontweight400 customer_font_yellow">+ 2300알</span>
                                </div>
                                <div class="col-12 tc tl-md">
                                    <span class="fontsize12">주문상품 &nbsp;&nbsp;:&nbsp;&nbsp;</span>
                                    <span class="fontsize13 fontweight400 customer_font_gray">꼬꼬넛 치킨 , 콜라 1.5L , 바비큐양념 S</span>
                                </div>
                                <div class="col-12 fontsize12 tr mt50 visual_sub_more_button"><a class="">더보기</a></div>
                            </div>
                            <div class="col-12 col-md-4 pl50 pr50 main_visual_customer_slice">
                                <div class="col-12"><img src="[RESOURCE::img/main_visual_personpng.png]"/></div>
                                <div class="col-12 tc tl-md fontsize18 fontweight400 mt32 mb12">바비큐 고객센터</div>
                                <div class="col-12 tc tl-md lineheight20">
                                    <span class="fontsize12">오픈시간 &nbsp;&nbsp;:&nbsp;&nbsp;</span>
                                    <span class="fontsize13 fontweight400 customer_font_gray">am 11:30 ~ am 02:00</span>
                                </div>
                                <div class="col-12 tc tl-md">
                                    <span class="fontsize12">대표전화 &nbsp;&nbsp;:&nbsp;&nbsp;</span>
                                    <span class="fontsize13 fontweight400 customer_font_gray">1588-9282</span>
                                </div>
                                <div class="col-12 tc tl-md">
                                    <span class="show vm fontsize12">남성역점 &nbsp;&nbsp;:&nbsp;&nbsp;</span>
                                    <span class="show vm">
                                        <span class="show vm fontsize20 fontweight400 customer_font_dark_red">02)1234.5678</span>
                                    <span class="show vm bbq_call_num"><img class="ml12" src="[RESOURCE::img/red_phon_img.png]"/></span>
                                    </span>
                                </div>
                                <div class="col-12 fontsize12 tr mt50 visual_sub_more_button"><a class="">더보기</a></div>
                            </div>
                            <div class="col-12 col-md-4 pl50 pr50 main_visual_customer_slice">
                                <div class="col-12"><img src="[RESOURCE::img/main_visual_chiken_img.png]"/></div>
                                <div class="col-12 tc tl-md fontsize18 fontweight400 mt32 mb12"><span class="customer_font_yellow">남성역점 사장님 -</span> 오늘의 추천메뉴!</div>
                                <div class="col-12 tc tl-md lineheight20">
                                    <span class="fontsize12">사장님 추천메뉴 온라인 주문시 5% 추가할인</span><br/>
                                    <span class="fontsize12 fontweight400 customer_font_gray">육즙 가득한 BBQ대표메뉴</span><br/>
                                    <span class="fontsize13 customer_font_dark_red fontweight400">황금올리브치킨</span>
                                </div>
                                <div class="col-12 fontsize12 tr mt50 visual_sub_more_button"><a class="">더보기</a></div>
                            </div>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                </div>
            </div>
            <!--슬라이드 버튼-->
            <div class="col-12 hidden show-lg-block slide_btn_con">
                <div class="col-12 col-center mw-1350">
                    <div class="col-12 pr15 pl15">
                        <div class="fl rolling_btn">
                            <img src="[RESOURCE::img/slide_left_btn.png]" alt="슬라이드 왼쪽버튼"/>
                        </div>
                        <div class="fr rolling_btn">
                            <img src="[RESOURCE::img/slide_right_btn.png]" alt="슬라이드 오른쪽버튼"/>
                        </div>
                    </div>
                </div>
            </div>
            <!--//슬라이드 버튼-->
        </div>
    </div>
    <div data-wv-layout-element="block_selection"></div>
</div>
<!-- //WEVEN FOCUS -->

<!--NEWS-->
<div class="col-12" data-wv-layout-element="block">
    <div data-wv-layout-element="block_inner">
        <div class="col-12 tc section section_menu">
            <div class="visual_menu_background"></div>
            <div class="col-12 col-center mw-1200 section_menu_inner">
                <div class="col-12 pt61 pb91 pr15 pl15">
                    <!-- section 공통 -->
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <h3 class="fontsize26 mb22 color_white">MENU</h3>
                            <span class="fontsize11 color_white">
                            <a href="javascript:void(0)" class="show-block pr13 more_btn color_white">
                                전체보기
                            </a>
                        </span>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <ul class="col-12 hidden show-md-block fontsize0 mb33 chicken_menu_con">
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">신메뉴</li>
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">전체</li>
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">Olive 오리지널</li>
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">Olive 핫스페셜</li>
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">Olive 순살</li>
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">Olive 갈릭스</li>
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">Olive 구이</li>
                                <li class="show vm fontsize16 fontweight400 pt10 pb10 pl27 pr27 chicken_menu_list">사이드&음료</li>
                            </ul>
                            <select name="chicken_menu_con" id="chicken_menu_con" class="col-center show-block hidden-md mb33">
                                <option value="신메뉴">신메뉴</option>
                                <option value="신메뉴">전체</option>
                                <option value="신메뉴">Olive 오리지널</option>
                                <option value="신메뉴">Olive 핫스페셜</option>
                                <option value="신메뉴">Olive 순살</option>
                                <option value="신메뉴">Olive 갈릭스</option>
                                <option value="신메뉴">Olive 구이</option>
                                <option value="신메뉴">사이드&음료</option>
                            </select>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <!-- //section 공통 -->

                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner">
                            <div class="over-hidden calc_wrap12 menu_list_wrap" style="height:430px;">
                                <div class="col-12 col-md-6 h-100" data-wv-layout-element="block">
                                    <div data-wv-layout-element="block_inner" class="h-100">
                                        <div class="col-12 col-sm-6" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner">
                                                <div class="col-12 col-center over-hidden fl-md pt12 pb12 pl12 menu_list_con">
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_image">
                                                            <a href="javascript:void(0)" class="show-block">
                                                                <div class="col-12 visual_menu_over_con">
                                                                    <img src="[RESOURCE::img/visual_menu_card_img0.png]" alt="꼬꼬넛 치킨 세트"/>
                                                                    <div class="col-12 h-100 hidden visual_menu_dim"></div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner">
                                                            <div class="col-12 tl pl30 pr30 pt20 pb22 text_box">
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <h5 class="mb6 fontsize18 fontweight400">꼬꼬넛 치킨 세트</h5>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="mb10 fontsize12 h_desc5">치킨+소스2종+파인애플의 환상적 맛남!</p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="fontsize18 fontweight400 h_info5">21,000원</p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <div class="col-12 pt14 pb12 pl14 pr14 tr visual_menu_imoticon_con">
                                                                <span class="pl17 pr17 visual_menu_imoticon0">16</span>
                                                                <span class="ml10 pl17 pr17 visual_menu_imoticon1">21</span>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                        <div class="col-12 col-sm-6" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner">
                                                <div class="col-12 col-center over-hidden fl-md pt12 pb12 pl12 menu_list_con">
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_image">
                                                            <a href="javascript:void(0)" class="show-block">
                                                                <div class="col-12 visual_menu_over_con">
                                                                    <img src="[RESOURCE::img/visual_menu_card_img1.png]" alt="황금 올리브 치킨"/>
                                                                    <div class="col-12 h-100 hidden visual_menu_dim"></div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner">
                                                            <div class="col-12 tl pl30 pr30 pt20 pb22 text_box">
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <h5 class="mb6 fontsize18 fontweight400">황금 올리브 치킨</h5>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="mb10 fontsize12 h_desc5">육즙 가득한 BBQ의 대표메뉴</p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="fontsize18 fontweight400 h_info5">16,000원</p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <div class="col-12 pt14 pb12 pl14 pr14 tr visual_menu_imoticon_con">
                                                                <span class="pl17 pr17 visual_menu_imoticon0">16</span>
                                                                <span class="ml10 pl17 pr17 visual_menu_imoticon1">21</span>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                    </div>
                                    <div data-wv-layout-element="block_selection"></div>
                                </div>
                                <div class="col-12 col-md-6 h-100" data-wv-layout-element="block">
                                    <div data-wv-layout-element="block_inner" class="h-100">
                                        <div class="col-12 col-sm-6" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner">
                                                <div class="col-12 col-center over-hidden fl-md pt12 pb12 pl12 menu_list_con">
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_image">
                                                            <a href="javascript:void(0)" class="show-block">
                                                                <div class="col-12 visual_menu_over_con">
                                                                    <img src="[RESOURCE::img/visual_menu_card_img2.png]" alt="마라 핫 치킨"/>
                                                                    <div class="col-12 h-100 hidden visual_menu_dim"></div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner">
                                                            <div class="col-12 tl pl30 pr30 pt20 pb22 text_box">
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <h5 class="mb6 fontsize18 fontweight400">마라 핫 치킨</h5>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="mb10 fontsize12 h_desc5">그동안 세상에 없었던 매운 맛</p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="fontsize18 fontweight400 h_info5">18,900원</p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <div class="col-12 pt14 pb12 pl14 pr14 tr visual_menu_imoticon_con">
                                                                <span class="pl17 pr17 visual_menu_imoticon0">16</span>
                                                                <span class="ml10 pl17 pr17 visual_menu_imoticon1">21</span>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                        <div class="col-12 col-sm-6" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner">
                                                <div class="col-12 col-center over-hidden fl-md pt12 pb12 pl12 menu_list_con">
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_image">
                                                            <a href="javascript:void(0)" class="show-block">
                                                                <div class="col-12 visual_menu_over_con">
                                                                    <img src="[RESOURCE::img/visual_menu_card_img3.png]" alt="허니 갈릭스"/>
                                                                    <div class="col-12 h-100 hidden visual_menu_dim"></div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner">
                                                            <div class="col-12 tl pl30 pr30 pt20 pb22 text_box">
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <h5 class="mb6 fontsize18 fontweight400">허니 갈릭스</h5>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="mb10 fontsize12 h_desc5">달콤~한 꿀마늘향 허니갈릭스! </p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                                <div class="col-12" data-wv-layout-element="block">
                                                                    <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                                        <p class="fontsize18 fontweight400 h_info5">18,900원</p>
                                                                    </div>
                                                                    <div data-wv-layout-element="block_selection"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <div class="col-12 pt14 pb12 pl14 pr14 tr visual_menu_imoticon_con">
                                                                <span class="pl17 pr17 visual_menu_imoticon0">16</span>
                                                                <span class="ml10 pl17 pr17 visual_menu_imoticon1">21</span>
                                                            </div>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                    </div>
                                    <div data-wv-layout-element="block_selection"></div>
                                </div>
                            </div>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                </div>
            </div>
            <!--슬라이드 버튼-->
            <div class="col-12 slide_btn_con">
                <div class="col-12 col-center mw-1350 over-visible">
                    <div class="col-12 pr15 pl15">
                        <div class="fl slide_btn">
                            <img src="[RESOURCE::img/slide_left_btn2.png]" alt="슬라이드 왼쪽버튼"/>
                        </div>
                        <div class="fr slide_btn right">
                            <img src="[RESOURCE::img/slide_right_btn2.png]" alt="슬라이드 오른쪽버튼"/>
                        </div>
                    </div>
                </div>
            </div>
            <!--//슬라이드 버튼-->
        </div>
    </div>
    <div data-wv-layout-element="block_selection"></div>
</div>
<!--/NEWS-->

<!-- MEDIA -->
<div class="col-12" data-wv-layout-element="block">
    <div data-wv-layout-element="block_inner">
        <div class="col-12 tc section section_fun_bbq">
            <div class="col-12 col-center mw-1200">
                <div class="col-12 pt77 pb52 pr15 pl15">
                    <!-- section 공통 -->
                    <div class="col-12 h-100 section_vertical_line">
                        <hr class="h-100 section_vertical_first">
                        <hr class="h-100 section_vertical_second">
                        <hr class="h-100 section_vertical_third">
                        <hr class="h-100 section_vertical_forth">
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <h3 class="fontsize26 mb22">FUN BBQ!</h3>
                            <span class="fontsize11">
                            <a href="javascript:void(0)" class="show-block pr13 more_btn">
                                전체보기
                            </a>
                        </span>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_line">
                            <hr class="show mb20 section_line">
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <p class="fontsize12 mb67 section_desc">BBQ의 영상소개 및 SNS와 재미있는 컨텐츠를 소개합니다</p>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <!-- //section 공통 -->

                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <div class="col-12 col-md-4" data-wv-layout-element="block">
                                <div data-wv-layout-element="block_inner">
                                    <div class="col-12 pr35 pl35 pt35 pb35">
                                        <div class="col-12" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner" class="wveditor_image">
                                                <div class="col-12 mb25">
                                                    <img src="[RESOURCE::img/main_visual_fun_bbq_img0.png]" alt="BBQ 영상">
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                        <div class="col-12" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner">
                                                <div class="col-12">
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <h5 class="col-12 fontsize18 fontweight500 mb12">BBQ 영상</h5>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <p class="fontsize12 fontweight100 h_desc5">방탄소년단 ASMR 버전으로 치킨먹는 전정국</p>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                    </div>
                                </div>
                                <div data-wv-layout-element="block_selection"></div>
                            </div>
                            <div class="col-12 col-md-4" data-wv-layout-element="block">
                                <div data-wv-layout-element="block_inner">
                                    <div class="col-12 pr35 pl35 pt35 pb35">
                                        <div class="col-12" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner" class="wveditor_image">
                                                <div class="col-12 mb25">
                                                    <img src="[RESOURCE::img/main_visual_fun_bbq_img1.png]" alt="이달의 추천메뉴">
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                        <div class="col-12" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner">
                                                <div class="col-12">
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <h5 class="col-12 fontsize18 fontweight500 mb12">이달의 추천메뉴</h5>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <p class="fontsize12 fontweight100 h_desc5">아카시아 꿀과 갈릭 간장소스의 환상적인 조화!</p>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                    </div>
                                </div>
                                <div data-wv-layout-element="block_selection"></div>
                            </div>
                            <div class="col-12 col-md-4" data-wv-layout-element="block">
                                <div data-wv-layout-element="block_inner">
                                    <div class="col-12 pr35 pl35 pt35 pb35">
                                        <div class="col-12" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner" class="wveditor_image">
                                                <div class="col-12 mb25">
                                                    <img src="[RESOURCE::img/main_visual_fun_bbq_img2.png]" alt="BBQ 치사한 캠프">
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                        <div class="col-12" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner">
                                                <div class="col-12">
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <h5 class="col-12 fontsize18 fontweight500 mb12">BBQ 치사한 캠프</h5>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                    <div class="col-12" data-wv-layout-element="block">
                                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                            <p class="fontsize12 fontweight100 h_desc5">치킨을 사랑한다면 지금 바로 체험하라!</p>
                                                        </div>
                                                        <div data-wv-layout-element="block_selection"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </div>
                                    </div>
                                </div>
                                <div data-wv-layout-element="block_selection"></div>
                            </div>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                </div>
            </div>
            <!--슬라이드 버튼-->
            <div class="col-12 hidden show-md-block slide_btn_con">
                <div class="col-12 col-center mw-1350 over-visible">
                    <div class="col-12 pr15 pl15">
                        <div class="fl slide_btn">
                            <img src="[RESOURCE::img/slide_left_btn.png]" alt="슬라이드 왼쪽버튼"/>
                        </div>
                        <div class="fr slide_btn right">
                            <img src="[RESOURCE::img/slide_right_btn.png]" alt="슬라이드 오른쪽버튼"/>
                        </div>
                    </div>
                </div>
            </div>
            <!--//슬라이드 버튼-->
        </div>
    </div>
    <div data-wv-layout-element="block_selection"></div>
</div>
<!-- //MEDIA -->

<!--MAP-->
<div class="col-12" data-wv-layout-element="block">
    <div data-wv-layout-element="block_inner">
        <div class="col-12 tc section section_bbq_map">
            <div class="col-12 col-center mw-1200">
                <div class="col-12 pr15 pl15">
                    <!-- section 공통 -->
                    <div class="col-12 h-100 section_vertical_line">
                        <hr class="h-100 section_vertical_first">
                        <hr class="h-100 section_vertical_second">
                        <hr class="h-100 section_vertical_third">
                        <hr class="h-100 section_vertical_forth">
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <h3 class="fontsize26 mb22">MAP</h3>
                            <a href="javascript:void(0)" class="show-block pr13 more_btn">
                                다른 매장찾기
                            </a>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_line">
                            <hr class="show mb20 section_line">
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12 mb20" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <p class="fontsize12 mb30 section_desc">BBQ 남성역점의 매장위치를 안내해 드립니다</p>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <!-- //section 공통 -->


                </div>
            </div>
            <div class="col-12" data-wv-layout-element="block">
                <div data-wv-layout-element="block_inner">
                    <div class="col-12 map_iframe_area">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.9660093200487!2d126.97421731584836!3d37.48512847981312!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca034a26e5c69%3A0xa3bdc917955fbc56!2z64Ko7ISx7Jet!5e0!3m2!1sko!2skr!4v1493142009225" width="" height="" frameborder="0" style="border:0" allowfullscreen></iframe>
                    </div>
                </div>
                <div data-wv-layout-element="block_selection"></div>
            </div>
        </div>
        <div data-wv-layout-element="block_selection"></div>
    </div>
</div>
<!--/CALENDER-->

<!-- SNS -->
<div class="col-12" data-wv-layout-element="block">
    <div data-wv-layout-element="block_inner">
        <div class="col-12 tc section section_sns">
            <div class="col-12 col-center mw-1200">
                <div class="col-12 pt77 pb70 pr15 pl15">
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <h3 class="fontsize26 mb22">SNS</h3>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_line">
                            <hr class="show mb20 section_line">
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                            <p class="fontsize12 mb39 section_desc">BBQ와 함께하는 다양한 재미를 느껴보세요!</p>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                    <!-- //section 공통 -->
                    <div class="col-12" data-wv-layout-element="block">
                        <div data-wv-layout-element="block_inner">
                            <span class="ml11 mr11"><img src="[RESOURCE::img/sns_icon0.png]"/></span>
                            <span class="ml11 mr11"><img src="[RESOURCE::img/sns_icon1.png]"/></span>
                            <span class="ml11 mr11"><img src="[RESOURCE::img/sns_icon2.png]"/></span>
                            <span class="ml11 mr11"><img src="[RESOURCE::img/sns_icon3.png]"/></span>
                        </div>
                        <div data-wv-layout-element="block_selection"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-wv-layout-element="block_selection"></div>
</div>
<!-- //NOTICE -->
<script type="text/javascript">
    var list = $('.ggoggo_chiken_list li');
    list.on('click', function(){
        var nextIdx = list.index($(this));
        var currentIdx = list.index($('.ggoggo_chiken_list li.active')) <= 0 ? 0 : list.index($('.ggoggo_chiken_list li.active')) ;
        $('.ggoggo_chiken_list li.active').removeClass('active');
        $(this).addClass('active');
        var currentLeft = $('.main_visual_slide_img_con').css('left').split('px')[0]-$('html').width()*(nextIdx-currentIdx);
        console.log( currentLeft );
        TweenMax.to( $('.main_visual_slide_img_con'), 0.4, { left:currentLeft } );
    })

    /* ==== Carousel ==== */
    $(function(){

//        var $btn = $($(".rolling_btn_con .rolling_btn")[0]);
//        $btn.removeClass("active");

        setCarousel();

        window.addEventListener('resize', setCarousel );

        function setCarousel(){

            var width = getWindowSize().width;
            var classWrap = '.menu_list_wrap';
            var classPrevBtn = '.section_menu .slide_btn_con .fl.slide_btn';
            var classNextBtn = '.section_menu .slide_btn_con .fr.slide_btn';
            var classObj2 = '.menu_list_wrap > div';
            var classObj1 = '.menu_list_wrap > div > div > div';
            //init menu_list_wrap
//            var $btnWrap = $(".menu_list_wrap .rolling_btn_con");
//            var $btnList = $(".menu_list_wrap .rolling_btn_con .rolling_btn");
            var $mdObj = $(classObj2);
            var $smObj = $(classObj1);
            $mdObj.css("position","static");
            $smObj.css("position","static");
            $smObj.css("left","0");
            $mdObj.css("left","0");
//            $btnWrap.html("");

            var op = null;

            if ( 768 <= width && width < 992 ) { // md 2개 요소
                $mdObj.css("position","absolute");
                op = {
                    prevBtnSelector : classPrevBtn
                    ,nextBtnSelector : classNextBtn
                    ,containerSelector : classWrap
                    ,listSelector : classObj2
//                    ,btnImgSelector : '.section_saint .rolling_btn_con > span'
                    ,btnImgSelectorActiveClass : 'active'
                    ,selectedIndex : 0
                    ,auto : true
                    ,autoTime : 3
                };
                /*
                 $(classWrap).find("img").each(function(){
                 console.log( $mdObj.height() );
                 if ( this.complete )
                 $(classWrap).height( $mdObj.height() );
                 else
                 $(this).load(function(){
                 $(classWrap).height( $mdObj.height() );
                 });
                 });*/

//
//                for ( var i=0; i<$mdObj.length; i++ )
//                    $btnWrap.append( $btn.clone() );

            } else if ( width < 768 ) { // sm 1개 요소
                $smObj.css("position","absolute");
                op = {
                    prevBtnSelector : classPrevBtn
                    ,nextBtnSelector : classNextBtn
                    ,containerSelector : classWrap
                    ,listSelector : classObj1
//                    ,btnImgSelector : '.section_saint .rolling_btn_con > span'
                    ,btnImgSelectorActiveClass : 'active'
                    ,selectedIndex : 0
                    ,auto : true
                    ,autoTime : 2
                };
                /*
                 $(classWrap).find("img").each(function(){
                 if ( this.complete )
                 $(classWrap).height( $smObj.height() );
                 else
                 $(this).load(function(){
                 $(classWrap).height( $smObj.height() );
                 });
                 });*/
//
//                for ( var i=0; i<$smObj.length; i++ )
//                    $btnWrap.append( $btn.clone() );

            } else { // 4개 요소

//                mouseAdapter($(".saint_list_wrap")[0]).offDown();
//                mouseAdapter($(".saint_list_wrap")[0]).offDrag();
                TweenMax.killTweensOf( $smObj );
                TweenMax.killTweensOf( $mdObj );

                op = {
                    prevBtnSelector : classPrevBtn
                    ,nextBtnSelector : classNextBtn
                    ,containerSelector : classWrap
                    ,listSelector : classObj1
//                    ,btnImgSelector : '.section_saint .rolling_btn_con > span'
                    ,selectedIndex : 0
                    ,auto : false
                    ,autoTime : 3.5
                };
            }

            if ( op != null )
                var carousel = bm.Carousel(op);

            function getWindowSize(){ // 브라우저 창 크기의 너비, 높이 반환
                var myWidth, myHeight;
                if (typeof (window.innerWidth) == 'number') {
                    myWidth = window.innerWidth;
                    myHeight = window.innerHeight;
                } else {
                    if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
                        myWidth = document.documentElement.clientWidth;
                        myHeight = document.documentElement.clientHeight;
                    } else {
                        if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
                            myWidth = document.body.clientWidth;
                            myHeight = document.body.clientHeight;
                        }
                    }
                }

                return { width: myWidth , height: myHeight };
            }
        }


        // 홍보영상
        var videos = $('.youtube');
        var nb_videos = videos.length;
        var iframeList = [];
        var sizeList = [];
        var wid, hei, scale;
        var applyWid, applyHei;
        var minHei = 779;
        var bezel = {realHei : 550, vitualHei : 779 };
        var bezelScale = bezel.vitualHei / bezel.realHei;
        minHei = minHei * bezelScale;
        for (var i=0; i<nb_videos; i++) {
            sizeList.push( {width :parseInt( $(videos[i]).css( 'width' )), height : parseInt( $(videos[i]).css( 'height' ) ) } );

            wid = parseInt( $(videos[i]).css( 'width' ) );
            hei = parseInt( $(videos[i]).css( 'height' ) );

            scale = wid / hei;

            applyWid = $(window).width();
            applyHei = applyWid / scale;

            // Create an iFrame with autoplay set to true
            var iframe = document.createElement("iframe");
            var iframe_url = "https://www.youtube.com/embed/" + videos[i].id + "?autoplay=1&loop=1&wmode=opaque&playlist="+videos[i].id;
            if (videos[i].getAttribute("data-params")) iframe_url+='&'+videos[i].getAttribute("data-params");
            iframe.setAttribute("src",iframe_url);
            iframe.setAttribute("frameborder",'0');

            // The height and width of the iFrame should be the same as parent
            iframe.style.width  = videos[i].style.width;
            iframe.style.height = videos[i].style.height;

            iframeList.push ( iframe );

            // Replace the YouTube thumbnail with YouTube Player
            videos[i].parentNode.replaceChild(iframe, videos[i] );

            resizeHandler();
        }

        $(window).on( 'resize', resizeHandler );

        function resizeHandler(){
            var len = iframeList.length;
            for( var i=0; i<len; i++ ){
                wid = sizeList[i].width;
                hei = sizeList[i].height;

                scale = wid / hei;

                applyWid = $(window).width();
                applyHei = applyWid / scale;

                if( applyHei < minHei ){
                    applyWid = minHei * scale;
                    applyHei = minHei;
                }



                var marginTop = -( applyHei - ( applyHei * bezel.realHei / bezel.vitualHei ) ) / 2;
                $( iframeList[i] ).css( { width:applyWid+"px", height:applyHei+"px", marginTop : marginTop } );

            }
        }

    });




</script>