<div class="col-12 main_visual_container swiper-container">
    <div class="col-12 main_visual_wrap swiper-wrapper">
        <div class="col-12 main_visual_slide swiper-slide">
            <div class="col-12 mw-1200 col-center h-100 text_con">
                <div class="col-12 pr15 pl15 h-100">
                    <div class="col-12 show-table h-100" style="table-layout: fixed;">
                        <div class="show-tablecell vm">
                            <div class="over-hidden mb50 mb-lg-72">
                                <div class="col-0" data-wv-layout-element="block">
                                    <div data-wv-layout-element="block_inner">
                                        <h2 class="col-12 font_libre small" data-wv-layout-element="block">
                                            <div data-wv-layout-element="block_inner" class="wveditor_text">
                                                Ambling Skincare Products
                                            </div>
                                            <div data-wv-layout-element="block_selection"></div>
                                        </h2>
                                    </div>
                                    <div data-wv-layout-element="block_selection"></div>
                                </div>
                                <div class="hidden show-sm fr">
                                    <div class="btn_style_0_con pt15 pt-lg-95">
                                        <a href="[WEB_ROOT]page/product" class="btn_style_0">
                                            제품상세
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-center mw-lg-980">
                                <div class="product_arr_btn_con right">
                                    <div class="arr_btn">
                                    </div>
                                </div>
                                <div class="product_arr_btn_con left">
                                    <div class="arr_btn">
                                    </div>
                                </div>

                                [APP_CONTENT::shop/product/main_list.php]
                                <!-- 리스트 -->
                            </div>
                            <div class="product_paging tc"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 main_visual_slide swiper-slide">
            <div class="col-12 h-100 text_con">
                <div class="col-12 mw-1200 col-center h-100 over-visible">
                    <div class="col-12 mw-500 mw-md-640 mw-lg-866 col-center h-100">
                        <div class="col-12 pr50 pl50 h-100">
                            <div class="col-12 show-table h-100">
                                <div class="show-tablecell vm">
                                    <h2 class="col-12 font_libre" data-wv-layout-element="block">
                                        <div data-wv-layout-element="block_inner" class="wveditor_text">
                                            <div class="sec">Ambling</div>
                                            <div class="tl thr pr29 pr-lg-0 fontsize48">
                                                Skin microbiome cosmeceutics
                                            </div>
                                        </div>
                                        <div data-wv-layout-element="block_selection"></div>
                                    </h2>
                                    <div class="col-12 tr">
                                        <div class="btn_style_0_con">
                                            <a href="[WEB_ROOT]page/brand" class="btn_style_0">
                                                자세히보기
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-0 left_con type_2 h-100">
                <canvas id="canvas1" width="998" height="1109" style="height:100%;"></canvas>
            </div>
            <div class="col-12 right_con">
                <canvas id="canvas2" width="695" height="779"></canvas>

            </div>
        </div>
        <div class="col-12 main_visual_slide swiper-slide">
            <div class="col-12 h-100 text_con">
                <div class="col-12 mw-1200 col-center h-100 over-visible">
                    <div class="col-12 mw-500 mw-md-640 mw-lg-866 col-center h-100">
                        <div class="col-12 pr50 pl50 h-100">
                            <div class="col-12 show-table h-100">
                                <div class="show-tablecell vm">
                                    <div class="font_libre h_desc2 fir">
                                        <!--Biological Study-->
                                    </div>
                                    <h2 class="font_libre">
                                        <div class="sec">Ambling</div>
                                        <div class="tl thr pr25 pr-lg-30 fontsize48">
                                            Into the new era
                                        </div>
                                    </h2>
                                    <div class="tr">
                                        <div class="btn_style_0_con">
                                            <a href="[WEB_ROOT]page/story" class="btn_style_0">
                                                자세히보기
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-0 left_con">
                <canvas id="canvas0" width="686" height="635"></canvas>
            </div>
            <div class="col-12 right_con type_2">
                <canvas id="canvas3" width="494" height="494"></canvas>
                <!--<img src="[RESOURCE::img/main_visual_1_bio_001.png]">-->
            </div>
        </div>
    </div>
</div>
<div class="col-12 main_visual_tab_wrap">
    <div class="col-12 mw-970 col-center">
        <div class="col-12 pr15 pl15">
            <div class="main_tab_arr_btn_con right">
                <div class="arr_btn">
                </div>
            </div>
            <div class="main_tab_arr_btn_con left">
                <div class="arr_btn">
                </div>
            </div>
            <div class="col-12 mw-768 col-center">
                <div class="col-12 main_visual_tab_con">
                    <div class="col-4 main_visual_tab_list active">
                        <div class="num">01</div>
                        <div class="line"></div>
                        <div class="title">SHOP</div>
                    </div>
                    <div class="col-4 main_visual_tab_list">
                        <div class="num">02</div>
                        <div class="line"></div>
                        <div class="title">BRAND</div>
                    </div>
                    <div class="col-4 main_visual_tab_list">
                        <div class="num">03</div>
                        <div class="line"></div>
                        <div class="title">STORY</div>
                    </div>
                    <div class="col-12 main_visual_active_line"></div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">

</script>