</ifra me></noscript> <!-- End Google Tag Manager (noscript) --> <!-- only mobile --> <link href="https://www.bbox2u.com/tmpl/bbox/css/select2.css" rel="stylesheet" type="text/css"> <script src="https://www.bbox2u.com/tmpl/bbox/js/select2.js"></script> <script> $(document).ready(function() { $("#e1").on('change', function(e){ if (!this.value) return false; location.href='/shop/list.php?ca_id=' + this.value; }) $('#e1').select2({minimumResultsForSearch: -1}); }); </script> <script> $(document).ready(function() { let type = 'stylebox'; //--- 스토리지 초기화 if (type == 'etc') { localStorage.removeItem('scrollTop'); localStorage.removeItem('sst'); localStorage.removeItem('sod'); localStorage.removeItem('sfl'); localStorage.removeItem('stx'); localStorage.removeItem('imageTag'); localStorage.removeItem('textTag'); } $('.btn_menu').click(function() { //--- 스크롤 top 이동 및 고정 해제 /* $('html,body').animate({scrollTop:0},200); $('html,body').toggleClass('noscroll'); */ $('#gnb').slideToggle('fast', function(){ //--- 스타일박스에서 로고 이미지 변경 if (type == 'stylebox') { let logo = ($('#gnb').is(':visible') == true) ? '/img/logo_bbox.png' : '/img/stylebox_logo.jpg'; $('.inner .logo img').attr('src', logo); } }); return false; }); // searchbox_for_mobile $('.btn_open_search').click(function() { $('#search').slideToggle('fast', function(){ //2020-03-04 | HC 모바일 gnb슬라이드 펼쳐쳤을때 검색아이콘 클릭시 gnb메뉴 닫아주고 검색 슬라이딩 if($('#gnb').css('display') == 'block') { $('#gnb').css('display','none') $('#search').css('display','block') } //--- 스타일박스에서 로고 이미지 변경 if (type == 'stylebox') { let logo = ($('#search').is(':visible') == true) ? '/img/logo_bbox.png' : '/img/stylebox_logo.jpg'; $('.inner .logo img').attr('src', logo); } }); return false; }); }); </script> <!-- [D] 이메일 없는 경우 클래스 추가 .noemail --> <!-- [D] 띠배너 있는 경우 171019 --> <div id="wrap" > <header id="header"> <!-- //띠배너 있는 경우 --> <!-- 헤더 상단 배너 180625 --> <!-- //헤더 상단 배너 --> <div class="inner"> <h1 class="logo"> <a href="/bbs/board.php?bo_table=style"><img src="/img/stylebox_logo.jpg" alt="B.Box" width="149"></a> </h1> <div class="social_area"> <a href="https://www.facebook.com/bbox2u" target="_blank"><span class="fab fa-facebook fa-3x" data-fa-mask="fas fa-circle" data-fa-transform="shrink-5"></span></a> <a href="https://www.instagram.com/b.box2u" target="_blank"><span class="fab fa-instagram fa-3x" data-fa-mask="fas fa-circle" data-fa-transform="shrink-5"></span></a> <a href="https://www.youtube.com/channel/UC2M_AxW2-iU7QO7OAmREgxA" target="_blank"><span class="fab fa-youtube fa-3x" data-fa-mask="fas fa-circle" data-fa-transform="shrink-5"></span></a> </div> <div class="top_menu"> <a href="/bbs/login.php?url=%2Fbbs%2Fboard.php%3Fbo_table%3Dstyle%26wr_id%3D195">Log in</a> <a href="/bbs/register_form.php">Sign in</a> <a href="/shop/cart.php">My Cart</a> </div> <!-- 검색 영역 --> <div id="search"> <div class="box_search"> <form id="frmShopSearch" action="https://www.bbox2u.com/shop/search.php" class="search_bx v_align" onsubmit="return search_submit(this);"> <fieldset> <legend class="blind">검색하기</legend> <input type="text" name="q" value="" id="sch_str" required> <button type="submit" class="btn_search">Tìm kiếm</button> </fieldset> </form> <script> function search_submit(f) { if (f.q.value.length < 2) { alert("검색어는 두글자 이상 입력하십시오."); f.q.select(); f.q.focus(); return false; } return true; } </script> </div> <div class="ly_search"> <!-- 태그 --> <div class="tags"> <a href="/shop/search.php?s_type=tag&q=TOP-5 BLACK Rouge"> #TOP 5 B.Rouge </a> <a href="/shop/search.php?s_type=tag&q=BBOX TOP5 Bán chạy"> #TOP 5 Bán chạy </a> <a href="/shop/search.php?s_type=tag&q=TOP-5 by Kim Ngan"> #Top 5 Cây Son Cho Mùa Tết 2020 </a> <a href="/shop/search.php?s_type=tag&q=TOP-10 by Chang"> #10 CÂY SON DIỆN TẾT CANH TÝ DƯỚI 250K </a> <a href="/shop/search.php?s_type=tag&q=HOT Clearance"> #HOT Clearance </a> </div> <!-- 핫100 --> <div class="lst_hot" onclick="javascript: location.href = '/shop/itemranklist.php';"> <h3>HOT 5</h3> <ol> <li> <div class="thmb"> <img src="https://www.bbox2u.com/data/item/1605604950/thumb-b37cfcd71c52457677e289b043bcf3da_50x50.jpg" width="50" height="50" alt=""> </div> <em></em> <strong>Romand Zero Velvet Tint (Màu #18 đến #21)</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (2) </small> </li> <li> <div class="thmb"> <img src="https://www.bbox2u.com/data/item/1589450446/thumb-main1_50x50.jpg" width="50" height="50" alt=""> </div> <em>MERZY</em> <strong>MERZY Aurora Dewy Tint</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (2) </small> </li> <li> <div class="thmb"> <img src="https://www.bbox2u.com/data/item/1600683504/thumb-374ae66b0fe35b77fee16cc6182ea322_50x50.jpg" width="50" height="50" alt=""> </div> <em></em> <strong>Skin1004 MADAGASCAR CENTELLA AIR-FIT SUNCREAM SPF50+ PA++++ 50ml</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (2) </small> </li> <li> <div class="thmb"> <img src="https://www.bbox2u.com/data/item/1591073682/thumb-101440611_2392016117764012_1327617495022577817_n_50x50.jpg" width="50" height="50" alt=""> </div> <em></em> <strong>BLACK ROUGE AIR FIT VELVET TINT Ver 6 - Blueming Garden</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (2) </small> </li> <li> <div class="thmb"> <img src="https://www.bbox2u.com/data/item/1491977491/thumb-theSAEMCoverPerfectionTIPCONCEALER_50x50.jpg" width="50" height="50" alt=""> </div> <em>the SAEM</em> <strong>the SAEM Cover Perfection TIP CONCEALER SPF28/PA++</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (2) </small> </li> </ol> </div> </div> </div> <!-- //검색 영역 --> <a href="#" class="w_blind btn_menu">메뉴 버튼</a> <a href="#" class="mobile_only btn_open_search"><img src="../../../img/ico_search.png" width="50%"></a> </div> <nav id="gnb"> <div class="utilmenu mobile_only"> <a href="/bbs/login.php?url=%2Fbbs%2Fboard.php%3Fbo_table%3Dstyle%26wr_id%3D195">Log in</a> <a href="/bbs/register_form.php">Sign in</a> <a href="/shop/cart.php">My Cart</a> </div> <ul class="nav_main"> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=60">HOT Deal</a></li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0" class="has_sub">THANH LÝ</a> <ul class="sub_nav"> <li class="btn_back">< SALE OFF</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=a0">All</a></li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0f0" class="">19k<em>(3)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0g0" class="">39k<em>(9)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0h0" class="">59k<em>(9)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0i0" class="">79k<em>(11)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0j0" class="">99k<em>(9)</em></a> </li> </ul> </li> <li><a href="https://www.bbox2u.com/shop/itemuselist.php">REVIEW</a></li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=90" class="has_sub">Make Up</a> <ul class="sub_nav"> <li class="btn_back">< Make Up</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90">All</a></li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=9001" class="has_sub">LIP<em>(99)</em></a> <ul class="in_sub"><li class="btn_back">< LIP</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=9001">All</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900110">Son Thỏi(16)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900120">Son Kem(48)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900140">Son Bóng(17)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900150">Chăm Sóc Môi(17)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=9002" class="has_sub">FACE<em>(51)</em></a> <ul class="in_sub"><li class="btn_back">< FACE</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=9002">All</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900210">Base/Primer/Kem Lót(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900220">Foundation/Cushion(18)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900250">BB-CC Cream(0)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900230">Concealer(3)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900260">Phấn Phủ(10)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900240">Má Hồng(9)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900270">Tạo Khối/Highlight(4)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900280">Xịt Khóa Make Up(2)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=9003" class="has_sub">EYE<em>(51)</em></a> <ul class="in_sub"><li class="btn_back">< EYE</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=9003">All</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900310">Eye Shadow(23)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900320">Eye Liner(9)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900330">Mascara(5)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900340">Eye Brow(12)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=90b0" class="has_sub">Phụ Kiện<em>(23)</em></a> <ul class="in_sub"><li class="btn_back">< Phụ Kiện</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b0">All</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b010">Cọ(3)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b020">Bấm Mi(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b030">Kích Mí(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b040">Mi Giả(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b050">Khuôn Chân Mày(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b060">Giấy Thấm Dầu(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b070">Bông Phấn(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b080">Gương(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b090">Dao-Kéo(5)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b0a0">Bông Tẩy Trang(5)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=90c0" class="">Others<em>(0)</em></a> </li> </ul> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=80" class="has_sub">Dưỡng Da</a> <ul class="sub_nav"> <li class="btn_back">< Dưỡng Da</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80">All</a></li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8010" class="has_sub">Làm Sạch<em>(49)</em></a> <ul class="in_sub"><li class="btn_back">< Làm Sạch</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=8010">All</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=801010">Tẩy Trang(14)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=801020">Sữa Rửa Mặt(25)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=801030">Tẩy Tế Bào Chết(6)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=80c0" class="">Toner<em>(34)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8030" class="">Tinh Chất / Serum<em>(31)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=80d0" class="">Sữa Dưỡng/Lotion<em>(4)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8040" class="">Kem Dưỡng<em>(44)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8020" class="">Xịt Khoáng / Body Mist<em>(4)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8060" class="">Kem Chống Nắng<em>(27)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8080" class="">Nail/Hand/Foot<em>(9)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8090" class="">Body / Hair<em>(11)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=80b0" class="has_sub">Mặt Nạ<em>(40)</em></a> <ul class="in_sub"><li class="btn_back">< Mặt Nạ</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b0">All</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b010">Mặt Nạ Giấy(22)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b020">Mặt Nạ Rửa(5)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b030">Mặt Nạ Ngủ(7)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8070" class="">Sản Phẩm Khác<em>(18)</em></a> </li> </ul> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=e0" class="">Accessory</a> <ul class="sub_nav"> <li class="btn_back">< Accessory</li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=e0">All</a></li> </ul> </li> <!-- <li><a href="--><!--/board.php?bo_table=style">Stylebox</a></li>--> <li><a href="https://www.bbox2u.com/bbs/board.php?bo_table=blog">Magazine Box</a></li> <!-- Request 삭제 --> <!-- <li><a href="https://www.bbox2u.com/bbs/board.php?bo_table=request">Request</a></li>--> <!-- GNB: 브랜드 영역 생성 161101 --> <li class="menu_brand"> <a href="#">Brand</a> <div id="ly_brand" class="pc_only"> <ul> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zj">3CE<em>(7)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c002">AHC<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c018">ARITAUM<em>(9)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c030">A'pieu<em>(25)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c070">BBIA<em>(9)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a7">berrisom<em>(7)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c012">BLACK ROUGE<em>(22)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c001">BODYHOLIC<em>(2)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c000">CNP<em>(4)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c090">CLIO<em>(13)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c091">COSRX<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a0">Dr.Jart+<em>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0c0">ETUDE HOUSE<em>(31)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c015">Huxley<em>(4)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a3">HIMALAYA<em>(2)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a1">im meme<em>(12)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0f0">innisfree<em>(88)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0i0">JAYJUN<em>(3)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zw">JMsolution<em>(2)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a5">klairs<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0l0">LANEIGE<em>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0n0">Mamonde<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0p0">MEDIHEAL<em>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0o0">MERZY<em>(11)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zk">MISSHA<em>(27)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c006">MOART<em>(8)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c007">NACIFIC<em>(13)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0t0">Peripera<em>(7)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0r1">RiRe<em>(3)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0u0">romand<em>(20)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c019">skin1004<em>(4)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c023">SOME BY MI<em>(32)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a4">Simple<em>(3)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c025">stimmung<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zc">THE FACE SHOP<em>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a6">The Ordinary<em>(4)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zn">the SAEM<em>(9)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zo">too cool for school<em>(9)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0z1">Others<em>(46)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a2">PINKROCKET<em>(84)</em></a></li> </ul> </div> <div class="brand_mobile mobile_only"> <select id="e1" name="aaa"> <option value="">Select a Brand</option> <option value='c0' >All (578)</option><option value='c0zj' >3CE (7)</option><option value='c002' >AHC (5)</option><option value='c018' >ARITAUM (9)</option><option value='c030' >A'pieu (25)</option><option value='c070' >BBIA (9)</option><option value='c0a7' >berrisom (7)</option><option value='c012' >BLACK ROUGE (22)</option><option value='c001' >BODYHOLIC (2)</option><option value='c000' >CNP (4)</option><option value='c090' >CLIO (13)</option><option value='c091' >COSRX (5)</option><option value='c0a0' >Dr.Jart+ (6)</option><option value='c0c0' >ETUDE HOUSE (31)</option><option value='c015' >Huxley (4)</option><option value='c0a3' >HIMALAYA (2)</option><option value='c0a1' >im meme (12)</option><option value='c0f0' >innisfree (88)</option><option value='c0i0' >JAYJUN (3)</option><option value='c0zw' >JMsolution (2)</option><option value='c0a5' >klairs (5)</option><option value='c0l0' >LANEIGE (6)</option><option value='c0n0' >Mamonde (5)</option><option value='c0p0' >MEDIHEAL (6)</option><option value='c0o0' >MERZY (11)</option><option value='c0zk' >MISSHA (27)</option><option value='c006' >MOART (8)</option><option value='c007' >NACIFIC (13)</option><option value='c0t0' >Peripera (7)</option><option value='c0r1' >RiRe (3)</option><option value='c0u0' >romand (20)</option><option value='c019' >skin1004 (4)</option><option value='c023' >SOME BY MI (32)</option><option value='c0a4' >Simple (3)</option><option value='c025' >stimmung (5)</option><option value='c0zc' >THE FACE SHOP (6)</option><option value='c0a6' >The Ordinary (4)</option><option value='c0zn' >the SAEM (9)</option><option value='c0zo' >too cool for school (9)</option><option value='c0z1' >Others (46)</option><option value='c0a2' >PINKROCKET (84)</option> </select> </div> <!-- only mobile --> </li> <!-- //브랜드 영역 생성 --> <!-- [D] 모바일 메뉴 : 소셜 영역 추가 190718 --> <li id="menu_social" class="mobile_only"> <a href="https://www.facebook.com/bbox2u" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="https://www.instagram.com/b.box2u" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://www.youtube.com/channel/UC2M_AxW2-iU7QO7OAmREgxA" target="_blank"><i class="fab fa-youtube"></i></a> </li> <!-- //모바일 메뉴 : 소셜 영역 --> </ul> </nav> </header> <!-- //New Header by Syoki --> <!-- 헤더 하단 텍스트 배너 180625 --> <!-- 헤더 하단 텍스트 배너 --> <script> //--- 메뉴 플로팅 (헤더가 로딩되는 즉시 실행하기 위해 위치 이동) function headerFloating(){ var headerHeight = $('#header').height(); $('#wrap').css( { 'padding-top' : headerHeight } ); } $(window).on('resize scroll', function(e){ headerFloating(); }); headerFloating(); //--- 스크롤 처리 함수 var scrollController = new (function(){ function scroll () { this.offset = ''; } scroll.prototype.set = function (data) { $('body').css(data); }; scroll.prototype.lock = function () { this.offset = $(window).scrollTop(); this.set({ 'position': '', 'top' : `-${window.scrollY}px`, 'left' : '0', 'right' : '0', }); }; scroll.prototype.unlock = function () { this.set({ 'position': '', 'top' : '', 'left' : '', 'right' : '', }); if (this.offset != '') { $(window).scrollTop(this.offset); this.offset = ''; } }; return scroll; }()); </script> <div class="container_bx mg_b_40"> <!-- 게시물 읽기 시작 { --> <div id="bo_v_table">stylebox</div> <section class="blog_list_bx"> <article id="bo_v" style="width:100%"> <header> <h1 id="bo_v_title"> Đầm sơ mi dáng dài </h1> <div id="bo_v_info"> <!-- 작성자 링크 추가 190617 --> <span class="sound_only">작성자</span> <a href="/shop/brand.php?mb_id=happyzoo"> <img src="/data/member_image/blogger/happyzoo.gif" class="blogger_profile_image" alt="유저이미지"> <strong>HappyZoo</strong> </a> <span class="sound_only">작성일</span> <i class="fa fa-clock-o"></i> <strong>20-11-06 15:43</strong> <span class="blind">조회</span> <i class="fa fa-eye"></i> <strong>45</strong> <span class="blind">댓글</span> <i class="fa fa-comments"></i> <strong>0</strong> <!-- [D] Facebook 공유 --> <div class="social_area"> </div> <!-- //Facebook 공유 --> </div> </header> <!-- 관련링크 시작 { --> <!--section id="bo_v_link"> <h2>관련링크</h2> <ul> <li> <a href="https://www.bbox2u.com/bbs/link.php?bo_table=style&wr_id=195&no=1" target="_blank"> <img src="https://www.bbox2u.com/tmpl/bbox/skin/board/style/img/icon_link.gif" alt="관련링크"> <strong>https://www.instagram.com/p/CHOxi4GDX_S/</strong> </a> <span class="bo_v_link_cnt">0회 연결</span> </li> </ul> </section--> <!-- } 관련링크 끝 --> <!-- 게시물 상단 버튼 시작 { --> <div id="bo_v_top" class="blind"> <ul class="bo_v_com"> </ul> </div> <!-- } 게시물 상단 버튼 끝 --> <div class="style_box"> <section class="prod_img_bx"> <ul class="lst_thmb slider-for"> <div> <li style="width: 100%; display: inline-block;"> <a href="/bbs/view_image.php?bo_table=style&fn=2728306063_RbZoXdv4_1a0fd49a04c5455b677bdcd695df31cd593540d7.jpg" target="_blank" class="view_image" tabindex="0"> <img src= "https://www.bbox2u.com/data/file/style/thumb-2728306063_RbZoXdv4_1a0fd49a04c5455b677bdcd695df31cd593540d7_766x996.jpg" width="766" height="996"> </a> </li> </div> <div> <li style="width: 100%; display: inline-block;"> <a href="/bbs/view_image.php?bo_table=style&fn=2728306063_DLdFwW4h_26612af48067d1c98770e3d69cecfd79ef53a84f.jpg" target="_blank" class="view_image" tabindex="0"> <img src= "https://www.bbox2u.com/data/file/style/thumb-2728306063_DLdFwW4h_26612af48067d1c98770e3d69cecfd79ef53a84f_766x996.jpg" width="766" height="996"> </a> </li> </div> <div> <li style="width: 100%; display: inline-block;"> <a href="/bbs/view_image.php?bo_table=style&fn=2728306063_ZCeNOL3H_08da2e9c1a93fd8b0d28e01f9f86651a9ce6553b.jpg" target="_blank" class="view_image" tabindex="0"> <img src= "https://www.bbox2u.com/data/file/style/thumb-2728306063_ZCeNOL3H_08da2e9c1a93fd8b0d28e01f9f86651a9ce6553b_766x996.jpg" width="766" height="996"> </a> </li> </div> </ul> <ul class="slider-nav"> <li><img src= "https://www.bbox2u.com/data/file/style/thumb-2728306063_RbZoXdv4_1a0fd49a04c5455b677bdcd695df31cd593540d7_100x100.jpg"></li> <li><img src= "https://www.bbox2u.com/data/file/style/thumb-2728306063_DLdFwW4h_26612af48067d1c98770e3d69cecfd79ef53a84f_100x100.jpg"></li> <li><img src= "https://www.bbox2u.com/data/file/style/thumb-2728306063_ZCeNOL3H_08da2e9c1a93fd8b0d28e01f9f86651a9ce6553b_100x100.jpg"></li> </ul> </section> </div> <section id="bo_v_atc"> <h2 id="bo_v_atc_title">본문</h2> <!-- 본문 내용 시작 { --> <div id="bo_v_con"><p style="margin-bottom: 0px; color: rgb(68, 68, 68);"><font face="Arial" style=""><span style="font-size: 12px;">#HAPPYZOO #dress #longdress #feminine </span></font></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); font-family: roboto;"><span data-sheets-value="{"1":2,"2":"Đầm sơ mi dáng dài"}" data-sheets-userformat="{"2":13309,"3":{"1":0},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="color: rgb(0, 0, 0); font-size: 18px; font-family: Arial;"><b>Đầm sơ mi dáng dài</b></span><br></p><p style="margin-bottom: 0px;"><font color="#ff0000" face="Arial"><span style="font-size: 18px;"><b>-</b></span></font></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); font-family: roboto;"><font face="Arial"><span style="font-size: 12px;"><br></span></font></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); font-family: roboto;"><span data-sheets-value="{"1":2,"2":"Deeply be interested in the shirt dress trend.\r\nShould we take it now?"}" data-sheets-userformat="{"2":13309,"3":{"1":0},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="color: rgb(0, 0, 0); font-size: 10pt; font-family: Arial;"><span style="font-size: 12px;">Deeply be interested in the shirt dress trend. </span><span style="font-size: 12px;">Should we take it now?</span></span><br></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); font-family: roboto;"><span data-sheets-value="{"1":2,"2":"\"New Backpack\" bling bling"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 10pt;"><font face="Arial"><br></font></span></p><p style="margin-bottom: 0px; line-height: 1.4;"><font face="Arial" style="color: rgb(68, 68, 68);"><span style="font-weight: 700;"><span style="font-size: 12px;">+ </span><span style="color: rgb(38, 38, 38); font-size: 12px;">INSTAGRAM </span></span></font><a href="https://bit.ly/3l2vmnW">https://bit.ly/3l2vmnW</a></p><p style="margin-bottom: 0px; line-height: 1.4;"><font face="Arial" style="color: rgb(68, 68, 68);"><span style="color: rgb(38, 38, 38); font-size: 12px;"><span style="font-weight: 700; font-size: 12px;">+ FACEBOOK </span><span style="font-size: 12px;"> </span></span></font><a href="https://bit.ly/2IdHC6M">https://bit.ly/2IdHC6M</a></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68);"><font face="Arial"><span data-sheets-value="{"1":2,"2":"\"New Backpack\" bling bling"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 10pt;"></span></font></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); line-height: 1.4;"><span style="font-size: 12px; font-weight: 700;"><font face="Arial" style="">+ LOCATION</font></span></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); font-family: roboto; line-height: 1.4;"><a href="https://www.google.com/maps/d/edit?mid=1Jy0VpRrD8c9RuddzrjGEstt4FPpMLuTk&usp=sharing"><img src="https://bbox2u.com/data/editor/2011/2728306063_1604652053.4188.jpg" style="width: 546.867px; height: 219px;"></a></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); font-family: roboto; line-height: 1.4;"><br></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); line-height: 1.4;"><span data-sheets-value="{"1":2,"2":"77 Trần Quang Diệu , Phường 14, Quận 3, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="color: rgb(0, 0, 0); font-size: 12px;"><font face="Arial">77 Trần Quang Diệu , Phường 14, Quận 3, TP.HCM</font></span></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); line-height: 1.4;"><span data-sheets-value="{"1":2,"2":"77 Trần Quang Diệu , Phường 14, Quận 3, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="color: rgb(0, 0, 0); font-size: 10pt;"><span data-sheets-value="{"1":2,"2":"353 Võ Văn Tần , Phường 5, Quận 3, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 12px;"><font face="Arial">353 Võ Văn Tần , Phường 5, Quận 3, TP.HCM</font></span></span></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); line-height: 1.4;"><span data-sheets-value="{"1":2,"2":"77 Trần Quang Diệu , Phường 14, Quận 3, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="color: rgb(0, 0, 0); font-size: 10pt;"><span data-sheets-value="{"1":2,"2":"353 Võ Văn Tần , Phường 5, Quận 3, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 10pt;"><span data-sheets-value="{"1":2,"2":"88 Nguyễn Trãi, Phường Bến Thành, Quận 1, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 12px;"><font face="Arial">88 Nguyễn Trãi, Phường Bến Thành, Quận 1, TP.HCM</font></span></span></span></p><p style="margin-bottom: 0px; color: rgb(68, 68, 68); line-height: 1.4;"><span data-sheets-value="{"1":2,"2":"77 Trần Quang Diệu , Phường 14, Quận 3, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="color: rgb(0, 0, 0); font-size: 10pt;"><span data-sheets-value="{"1":2,"2":"353 Võ Văn Tần , Phường 5, Quận 3, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 10pt;"><span data-sheets-value="{"1":2,"2":"88 Nguyễn Trãi, Phường Bến Thành, Quận 1, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 10pt;"><span data-sheets-value="{"1":2,"2":"11 Sư Vạn Hạnh (lầu 2) , Phường 12, Quận 10, TP.HCM, Việt Nam"}" data-sheets-userformat="{"2":13311,"3":{"1":0},"4":{"1":3,"3":2},"5":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"7":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"9":0,"10":1,"11":4,"12":0,"15":"Arial","16":10}" style="font-size: 12px;"><font face="Arial">11 Sư Vạn Hạnh (lầu 2) , Phường 12, Quận 10, TP.HCM</font></span><br></span><br></span><br></span><br><span style="font-family: roboto; font-size: 12px; font-weight: 700;"><font face="Arial"><br></font></span></p></div> <!-- } 본문 내용 끝 --> <!-- 본문 하단 버튼 영역 --> <div class="btn_area fixed"> <!-- store 버튼 190115 --> <a href="https://www.instagram.com/p/CHOxi4GDX_S/" class="btn_store">STORE</a> <!-- [D] 추천 버튼 : 160808 --> <button type="button" onclick="location.href='./good.php?bo_table=style&wr_id=195&good=good&'" class="btn_rcmd"><strong>Thích</strong><em>0</em></button> <!-- [D] Facebook 공유 --> </div> <!-- // 본문 하단 버튼 영역 --> </section> <ul id="comment_template" style="display: none;"> <li id="sc_comment_{{idx}}"> <strong>{{nick}}</strong> <small>{{date}}</small> <p>{{content}}</p> <button type="button" class="btn_mod" data-idx="{{idx}}" data-group="{{group}}" data-proc="modify"><i class="fal fa-pen-square"></i></button> <button type="button" class="btn_del" data-idx="{{idx}}" data-group="{{group}}" data-proc="delete"><i class="fal fa-times-square"></i></button> </li> </ul> <button type="button" class="btn_comment" data-group="195" data-proc="list" style="display: none;"></button> <div class="group_comment"> <ul id="195"> <li> <input type="text" name="sc_content_195" maxlength="50" value=""> <button type="button" class="btn_cancel" style="display: none;" data-group="195" data-proc="cancel"> <i class="fal fa-times"></i> </button> <button type="button" class="btn_write" data-group="195" data-proc="write" data-idx=""> <i class="fal fa-paper-plane" aria-hidden="true"></i> </button> </li> </ul> </div> <script> $(function(){ $('body').on('click', '.btn_comment, .btn_write, .btn_del', function () { var data = new Array() , init = new Array() , mb_id = '' , idx = $(this).data('idx') , proc = $(this).data('proc') , group = $(this).data('group') , sc_content = $('input[name="sc_content_' + group + '"]').val(); data.push('proc=' + proc); data.push('idx=' + idx); //data.push('sc_type=' + 'request'); data.push('bo_table=' + 'style'); data.push('sc_group=' + group); data.push('sc_content=' + sc_content); init['group'] = group; init['mb_id'] = mb_id; init['is_admin'] = ''; //--- 토큰 처리 $.ajax({ url : g5_bbs_url + '/ajax.comment_token.php' , type : 'GET' , dataType: 'json' , async : false , cache : false , success : function(res) { data.push('token=' + res.token); } }); if (proc == 'write') { if (!mb_id) { alert('Chỉ thành viên mới được sử dụng.'); return false; } if (!sc_content) { alert('Hãy nhập comment của bạn.'); $('input[name="sc_content_' + group + '"]').focus(); return false; } }else if(proc == 'modify'){ if(!mb_id){ alert('Chỉ thành viên mới được sử dụng.'); return false; } if(!sc_content){ alert('Hãy nhập comment của bạn.'); $('input[name="sc_content_' + group + '"]').focus(); return false; } } else if (proc == 'delete') { if (confirm('Bạn muốn xóa comment này?') === false) { return false; } } else { //--- 기존에 댓글을 가져왔으면 다시 가져오지 않음 if ($('#' + group).find('li:not(:last-child)').length > 0) { return false; } } callAjax(init, data); }); $('body').on('click', '.btn_mod, .btn_cancel', function(){ var idx = $(this).data('idx') , proc = $(this).data('proc') , group = $(this).data('group') , comment = $('#sc_comment_' + idx).find('p').text(); $('#' + group + ' li').removeClass('select_mod'); //--- 선택 class 전체해제 if (proc == 'modify') { $('#sc_comment_' + idx).addClass('select_mod'); $('input[name="sc_content_' + group + '"]').addClass('mod').val(comment); $('#' + group + ' :button.btn_cancel').show(); $('#' + group + ' :button.btn_write') .data('proc', proc) .data('idx', idx); //--- 뷰포트 내에 코멘트 입력창이 없을 경우 자동 스크롤링 if ($('input[name="sc_content_' + group + '"]').isOnScreen() === false) { $([document.documentElement, document.body]).animate({ scrollTop: $('input[name="sc_content_' + group + '"]').offset().top - 250 }, 300); } } else if (proc == 'cancel') { $('#' + group + ' li').removeClass('select_mod'); $('input[name="sc_content_' + group + '"]').removeClass('mod').val(''); $('#' + group + ' :button.btn_cancel').hide(); $('#' + group + ' :button.btn_write') .data('proc', 'write') .data('idx', ''); } }); function callAjax(init, data) { var group = init['group'] , mb_id = init['mb_id'] , is_admin = init['is_admin']; $.ajax({ type : 'POST' , url : '/bbs/ajax.comment.php' , dataType: 'text' , data : data.join('&') , error: function (e) { alert('error'); return false; } , success: function (resJson) { var data = JSON.parse(resJson); if (data.result.type == 'success') { //--- 기존에 불러왔던 댓글들 삭제 $('#' + group).find('li:not(:last-child)').remove(); $.each(data.rows, function (k, v) { var tmpl = $('#comment_template').clone(); $(tmpl).html( $(tmpl).html() .replace(/{{idx}}/g, v.idx) .replace(/{{group}}/g, v.sc_group) .replace(/{{nick}}/, v.sc_nick) .replace(/{{content}}/, v.sc_content) .replace(/{{date}}/, v.sc_date) ); //--- 자신이 작성한 댓글이 아닌 경우 삭제버튼 제거 if(mb_id != v.mb_id && !is_admin){ $(tmpl).find('button').remove(); } $('#' + group).prepend($(tmpl).html()); }); $('.comment_count_' + group).html(data.total); //--- 카운트 증가 $('input[name="sc_content_' + group + '"]').removeClass('mod').val(''); $('#' + group).parent().slideDown(200); //--- 글 작성 설정 초기화 $('#' + group + ' :button.btn_cancel').hide(); $('#' + group + ' :button.btn_write') .data('proc', 'write') .data('idx', 0); //console.log(data.result.type); } else { alert(data.result.msg); $('input[name="sc_content_' + group + '"]').focus(); return false; } } }); } $('.btn_comment').click(); }); </script> <script src="https://www.bbox2u.com/js/md5.js"></script> <!-- 링크 버튼 시작 { --> <div id="bo_v_bot"> <ul class="bo_v_com"> </ul> </div> <!-- } 링크 버튼 끝 --> <!-- 하단 게시물 리스트{ --> <div style="margin-top: 20px;"> <div id="lst_megazine" class="wrap_bricks"> <!-- <h4>전체</h4> --> <ul id="lst_stylebox" class="lst_masonry"> </ul> </div> <div class="loading_process" style="display: none;"></div> <div class="btn_area_more"> <button type="button" id="blog_more">Xem thêm</button> </div> </div> <!-- }하단 게시물 리스트 --> </article> <!-- } 게시판 읽기 끝 --> <script> function board_move(href) { window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1"); } </script> <script> var list = new (function(){ const $grid = $('.lst_masonry').masonry({ columnWidth :256 , itemSelector : '.item' , columnWidth : '.item' , percentPosition : true , gutter :10 }); let objData = { data : '' , cntItem : 0 , cntTotal : 0 , anchor : 0 , board_limit : 20 , tmp_limit : 0 , join_type : 'stylebox' , tag_text_idx : '' , tag_image_idx: '' , record_num : 0 }; let objParams = { sst : 'wr_datetime' , sod : 'desc' , sfl : 'wr_subject' , stx : '' , page : 1 , bo_table: 'style' }; function list () { } list.prototype.init = function () { let $_this = this; this.loadStorage(); //--- 정렬 처리 let sort = objParams.sst; let order = objParams.sod; let arrow = 'down'; $('.sort_area button').each(function(i){ $(this).removeClass(); }); if(order == 'asc'){ arrow = 'up'; } $('#list_' + sort).addClass(arrow); if (objData.tag_image_idx) { this.setImageTag($('img[data-idx="' + objData.tag_image_idx + '"]'), 'init'); } if (objData.tag_text_idx) { let arr = objData.tag_text_idx.split(','); arr.forEach(function(v){ $_this.setTextTag($('div.tag_area button[data-idx="' + v + '"]'), 'init'); }); } }; list.prototype.search = function (sfl, stx) { objParams.sfl = sfl; objParams.stx = stx; this.more('reset'); }; list.prototype.loadStorage = function () { if (this.getItem('sst')) objParams.sst = this.getItem('sst'); if (this.getItem('sod')) objParams.sod = this.getItem('sod'); if (this.getItem('sfl')) { objParams.sfl = this.getItem('sfl'); $('form[name="fsearch"] select[name="sfl"]').val(this.getItem('sfl')).attr('selected', true); } if (this.getItem('stx')) { objParams.stx = this.getItem('stx'); $('form[name="fsearch"] input[name="stx"]').val(this.getItem('stx')); } objData.tag_text_idx = this.getItem('textTag'); objData.tag_image_idx = this.getItem('imageTag'); }; list.prototype.setItem = function (name, val) { localStorage.setItem(name, val); }; list.prototype.getItem = function (name) { return (localStorage.getItem(name)) ? localStorage.getItem(name) : ''; }; list.prototype.delItem = function (name) { localStorage.removeItem('scrollTop'); }; list.prototype.setScroll = function (h = null) { if (h === null) { $(window).scrollTop(this.getItem('scrollTop')); this.delItem('scrollTop'); } else { $('html,body').animate({scrollTop: h}, 'fast'); } }; list.prototype.sort = function ($_this) { let sort = $_this.val(); let order = 'desc'; let arrow = ''; if( $_this.hasClass('down') ){ order = 'asc'; } if(order == 'asc'){ arrow = 'up'; } else { arrow = 'down'; } $('.sort_area button').each(function(i){ $(this).removeClass(); }); $('#list_' + sort).addClass(arrow); objParams.sst = sort; objParams.sod = order; this.more('reset'); }; list.prototype.setImageTag = function ($_this, type = null) { let idx = $_this.data('idx'); $('.nav_stylebox ul li').each(function(){ $(this).find('img:first-child').show(); $(this).find('img:last-child').hide(); }); $_this.hide(); if (idx) { $_this.next().show(); } else { $_this.prev().show(); } }; list.prototype.setTextTag = function ($_this, type = null) { $_this.toggleClass('on'); }; list.prototype.setAnchor = function () { history.replaceState(undefined, undefined, '#' + objParams.page); }; list.prototype.getTotal = function () { let data = $.param(objParams); $.ajax({ type : "GET", url : "/bbs/ajax.masonrylist.php?" + "q_type=total" + "&board_limit=" + objData.board_limit + "&join_type=" + objData.join_type + "&tag_text_idx=" + objData.tag_text_idx + "&tag_image_idx=" + objData.tag_image_idx + "&record_num=" + objData.record_num + "&" + data, dataType: "json", error : function (e) { alert('error'); return false; }, success : function(res){ objData.cntTotal = res.total; if (objData.cntTotal == 0) { $('#blog_more').hide(); $('.lst_masonry').append('<div style="width: 100%; margin: 50px 0; text-align: center;">No Results</div>'); } } }); }; list.prototype.more = function (type) { let anchor = 0; if (type == 'reset') { $('.lst_masonry').html(''); objParams.page = 1; this.setScroll(0); } scrollController.lock(); $('.loading_process').toggle(); this.getTotal(); this.callAjax(); }; list.prototype.callAjax = function () { let $_this = this; let data = $.param(objParams); $.ajax({ type : "GET", url : "/bbs/ajax.masonrylist.php?" + "board_limit=" + objData.board_limit + "&join_type=" + objData.join_type + "&tag_text_idx=" + objData.tag_text_idx + "&tag_image_idx=" + objData.tag_image_idx + "&record_num=" + objData.record_num + "&" + data, dataType: "text", error : function (e) { alert('error'); return false; }, success : function(res){ $_this.render(res); } }); }; list.prototype.render = function (res) { let $content = $(res).hide(); let $_this = this; $grid.append($content); //--- 이미지 로드 플러그인으로 처리 $grid.imagesLoaded().always(function(instance){ $grid.masonry("appended", $content) .masonry('reloadItems') .masonry('layout') $('.loading_process').hide(); }).progress( function() { $('.loading_process').show(); }).done(function(){ scrollController.unlock(); objParams.page++; objData.cntItem = $('.lst_masonry li').length; if(objData.cntItem >= objData.cntTotal) { $('#blog_more').hide(); } else { $('#blog_more').show(); } }); }; return list; }()); $(function() { list.init(); $("a.view_image").click(function() { window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no"); return false; }); // 추천, 비추천 $("#good_button, #nogood_button").click(function() { var $tx; if(this.id == "good_button") $tx = $("#bo_v_act_good"); else $tx = $("#bo_v_act_nogood"); excute_good(this.href, $(this), $tx); return false; }); // 이미지 리사이즈 $("#bo_v_atc").viewimageresize(); $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, asNavFor: '.slider-nav', variableWidth:false }); $('.slider-nav').slick({ slidesToShow:7, slidesToScroll:6, responsive: [ { breakpoint: 500, settings: { slidesToShow:5, slidesToScroll:4, } } ], asNavFor: '.slider-for', dots: false, centerMode: false, focusOnSelect: true }); $('body').on('click', '.btn_like', function(){ var $this = $(this); var wr_id = $this.data('wr_id'); var bo_table = $this.data('bo_table'); var cnt = $this.children('span').html(); var data = 'js=on&bo_table=' + bo_table+'&wr_id=' + wr_id + '&good=good'; $.ajax({ type : 'POST', url : '/bbs/good.php', data : data, error : function(e){ alert('error'); return false; }, success : function(res){ var r = JSON.parse(res); alert(r.error); if(!r.count){ r.count = cnt; } $this.children('span').html(r.count); } }); }); $('body').on('click', '#blog_more', function(){ list.more(); }); list.more(); }); function excute_good(href, $el, $tx) { $.post( href, { js: "on" }, function(data) { if(data.error) { alert(data.error); return false; } if(data.count) { $el.find("strong").text(number_format(String(data.count))); if($tx.attr("id").search("nogood") > -1) { $tx.text("이 글을 비추천하셨습니다."); $tx.fadeIn(200).delay(2500).fadeOut(200); } else { $tx.text("이 글을 추천하셨습니다."); $tx.fadeIn(200).delay(2500).fadeOut(200); } } }, "json" ); } </script> <!-- } 게시글 읽기 끝 --> </section> <style type="text/css"> .blog_btn_favorite{ display:block; position:relative; padding:15px 0; margin-top:10px; width:100%; border:0 none; color:#fff; font-size:16px; text-align:left; text-indent:10px; background-color:#3b5998 !important; } </style> <section class="blog_side_bx_pc"> <!-- <section class="sharing_bx mg_b_20"> <button type="submit" onclick="document.pressed=this.value;" href="" class="blog_btn_favorite" id="sit_btn_cart"><i class="fa fa-facebook mg_r_5"></i> 갖고싶어요 <span class="empathy"><i class="fa fa-thumbs-o-up"></i> 973</span></button> </section> --> <!-- 게시판 카테고리 시작 { --> <!-- } 게시판 카테고리 끝 --> <section class="post_latest_side"> <h4 class="mg_b_10">New article</h4> <ul> </ul> </section> <br> </section> </div> <!-- footer --> <div id="ft" class="foot_bx"> <!-- 맨위로 버튼 추가 171230 --> <div id="box_top" class="container_bx"> <a class="top" title="back to top"><i class="fa fa-chevron-up"></i></a> </div> <script> var toTop = $("#box_top"); $(window).scroll(function(){ if($(window).scrollTop() >= 360 ){ toTop.fadeIn('fast'); } else { toTop.hide(); } }); $('#box_top .top').on('click', function(e) { e.preventDefault(); $('html,body').animate({scrollTop:0},'fast'); return false; }); </script> <div class="foot_menu cf"> <section> <h3>About us</h3> <ul> <li><a href="/bbs/content.php?co_id=company">What is B-Box? </a></li> <li><a href="/shop/contactUs.php">Contact us</a></li> </ul> </section><!-- //About us --> <section> <h3>Help</h3> <ul> <li><a href="/shop/faq.php">FAQ</a></li> <li><a href="/bbs/content.php?co_id=provision">Terms & Conditions</a></li> </ul> </section><!-- //Help --> <section> <h3>Category</h3> <ul> <li><a href="/shop/list.php?ca_id=60">Hot Deal</a></li> <li><a href="/shop/itemuselist.php">REVIEW</a></li> <li><a href="/bbs/board.php?bo_table=blog">Magazine Box</a></li> </ul> </section> <section class="menu5"> <h3>Community</h3> <ul> <li> <a href="https://www.facebook.com/bbox2u" target="_blank"><i class="fa fa-facebook-official"></i> Facebook</a> </li> <li> <a href="https://www.instagram.com/b.box2u" target="_blank"><i class="fa fa-instagram"></i> Instagram</a> </li> <li> <a href="https://www.youtube.com/channel/UC2M_AxW2-iU7QO7OAmREgxA" target="_blank"><i class="fa fa-youtube-play"></i> Youtube</a> </li> </ul> </section> </div> <!-- foot_menu, 2016-04-07 수정 --> <div class="foot_logo cf"> <div class="v_align align_cen"> B.BOX ©2016 </div> <!-- <p class="fl_r">Laguage <span class="col_white">Korea.</span></p> --> </div> </div> <!-- //footer --> </div> <script src="/js_opbus/main.js"></script> <!-- Resource jQuery --> <script src="/js_opbus/trunk8.js"></script> <script> $(document).ready(function(){ $('.nav_main li >a.has_sub').click(function(e) { e.preventDefault(); $(this).siblings('.sub_nav').addClass('open') $('.nav_main').addClass('left'); return false; }); $('.sub_nav .has_sub').click(function(e) { e.preventDefault(); $(this).next('.in_sub').show(); $(this).parents('.sub_nav').addClass('left'); return false; }); $('.in_sub .btn_back').click(function() { $(this).parents('.sub_nav').removeClass('left'); $(this).parents('.in_sub').hide('slow'); }); $('.sub_nav>.btn_back').click(function() { $(this).parents('.sub_nav').removeClass('open'); $(this).parents('.nav_main').removeClass('left'); }); // 카테고리 메뉴 2 - 마우스 이벤트 $( ".category" ).mouseenter(function(){ $(".category").children('div').addClass('is-visible2'); }); $( ".category" ).mouseleave(function(){ $(".category").children('div').removeClass('is-visible2'); }); $( "#tabs" ).tabs(); // parseInt 없으면 작동 안됨; $( ".progress_bar_bx:not(:has(.ui-progressbar-value))" ).each(function() { var progressvalue = $( this ).attr('alt'); $(this).progressbar({"value" : parseInt(progressvalue)}); }); }); </script> <script src="https://www.bbox2u.com/js/sns.js"></script> <script async defer id="rt_script" src="https://track.rentracksw.com/js/rt.sdk.js" type="text/javascript"></script> <!-- } 하단 끝 --> <!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 --> <!--[if lte IE 7]> <script> $(function() { var $sv_use = $(".sv_use"); var count = $sv_use.length; $sv_use.each(function() { $(this).css("z-index", count); $(this).css("position", "relative"); count = count - 1; }); }); </script> <![endif]--> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-83143927-1', 'auto'); ga('send', 'pageview'); </script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '340146982988730'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=340146982988730&ev=PageView&noscript=1" /></noscript> </body> </html> <!-- 사용스킨 : theme/style -->