</ifra me></noscript> <!-- End Google Tag Manager (noscript) --> <!-- only mobile --> <link href="https://bbox2u.com/tmpl/bbox/css/select2.css" rel="stylesheet" type="text/css"> <script src="https://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 = 'etc'; //--- 스토리지 초기화 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="/"><img src="/img/logo_bbox.png" 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%3Dblogs">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://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://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> <li> <div class="thmb"> <img src="https://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://bbox2u.com/data/item/1605590175/thumb-aha7whiteheadpowerliquid_final_1_50x50.png" width="50" height="50" alt=""> </div> <em>COSRX</em> <strong>COSRX AHA 7 Whitehead Power Liquid 100ml</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (1) </small> </li> <li> <div class="thmb"> <img src="https://bbox2u.com/data/item/1588676265/thumb-1588677335_5014_minisobongtaytrangbich215077802096_50x50.jpg" width="50" height="50" alt=""> </div> <em>Miniso</em> <strong>MINISO ONLY THE PUREST</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (1) </small> </li> <li> <div class="thmb"> <img src="https://bbox2u.com/data/item/1596538524/thumb-IMG_08111_50x50.jpg" width="50" height="50" alt=""> </div> <em></em> <strong>AHC CAPTURE SOLUTION PRIME Ampoule</strong> <small> 5.0 <img src="/shop/img/s_star5.png" alt="star 5"> (1) </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%3Dblogs">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://bbox2u.com/shop/list.php?ca_id=60">HOT Deal</a></li> <li> <a href="https://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://bbox2u.com/shop/list.php?ca_id=a0">All</a></li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=a0f0" class="">19k<em>(8)</em></a> </li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=a0g0" class="">39k<em>(12)</em></a> </li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=a0h0" class="">59k<em>(21)</em></a> </li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=a0i0" class="">79k<em>(22)</em></a> </li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=a0j0" class="">99k<em>(17)</em></a> </li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=a0k0" class="">119k<em>(29)</em></a> </li> </ul> </li> <li><a href="https://bbox2u.com/shop/itemuselist.php">REVIEW</a></li> <li> <a href="https://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://bbox2u.com/shop/list.php?ca_id=90">All</a></li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=9001" class="has_sub">LIP<em>(91)</em></a> <ul class="in_sub"><li class="btn_back">< LIP</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=9001">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900110">Son Thỏi(15)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900120">Son Kem(47)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900140">Son Bóng(17)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900150">Chăm Sóc Môi(11)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=9002" class="has_sub">FACE<em>(53)</em></a> <ul class="in_sub"><li class="btn_back">< FACE</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=9002">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900210">Base/Primer/Kem Lót(3)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900220">Foundation/Cushion(18)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900250">BB-CC Cream(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900230">Concealer(3)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900260">Phấn Phủ(10)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900240">Má Hồng(9)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900270">Tạo Khối/Highlight(4)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900280">Xịt Khóa Make Up(2)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=9003" class="has_sub">EYE<em>(47)</em></a> <ul class="in_sub"><li class="btn_back">< EYE</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=9003">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900310">Eye Shadow(21)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900320">Eye Liner(8)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900330">Mascara(5)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900340">Eye Brow(11)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=90b0" class="has_sub">Phụ Kiện<em>(21)</em></a> <ul class="in_sub"><li class="btn_back">< Phụ Kiện</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b0">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b010">Cọ(3)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b020">Bấm Mi(2)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b030">Kích Mí(1)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b040">Mi Giả(1)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b050">Khuôn Chân Mày(1)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b060">Giấy Thấm Dầu(1)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b070">Bông Phấn(2)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b080">Gương(2)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b090">Dao-Kéo(4)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b0a0">Bông Tẩy Trang(4)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=90c0" class="">Others<em>(9)</em></a> </li> </ul> </li> <li> <a href="https://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://bbox2u.com/shop/list.php?ca_id=80">All</a></li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8010" class="has_sub">Làm Sạch<em>(45)</em></a> <ul class="in_sub"><li class="btn_back">< Làm Sạch</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=8010">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=801010">Tẩy Trang(13)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=801020">Sữa Rửa Mặt(24)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=801030">Tẩy Tế Bào Chết(5)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=80c0" class="">Toner<em>(33)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8030" class="">Tinh Chất / Serum<em>(31)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=80d0" class="">Sữa Dưỡng/Lotion<em>(4)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8040" class="">Kem Dưỡng<em>(43)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://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://bbox2u.com/shop/list.php?ca_id=8060" class="">Kem Chống Nắng<em>(26)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8080" class="">Nail/Hand/Foot<em>(8)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8090" class="">Body / Hair<em>(11)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=80b0" class="has_sub">Mặt Nạ<em>(35)</em></a> <ul class="in_sub"><li class="btn_back">< Mặt Nạ</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b0">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b010">Mặt Nạ Giấy(18)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b020">Mặt Nạ Rửa(5)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b030">Mặt Nạ Ngủ(7)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8070" class="">Sản Phẩm Khác<em>(43)</em></a> </li> </ul> </li> <li> <a href="https://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://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://bbox2u.com/bbs/board.php?bo_table=blog">Magazine Box</a></li> <!-- Request 삭제 --> <!-- <li><a href="https://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://bbox2u.com/shop/list.php?ca_id=c0zj">3CE<em>(6)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c002">AHC<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c018">ARITAUM<em>(8)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c030">A'pieu<em>(24)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c070">BBIA<em>(7)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a7">berrisom<em>(6)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c012">BLACK ROUGE<em>(22)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c001">BODYHOLIC<em>(2)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c000">CNP<em>(4)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c090">CLIO<em>(13)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c091">COSRX<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a0">Dr.Jart+<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0c0">ETUDE HOUSE<em>(29)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c015">Huxley<em>(4)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a3">HIMALAYA<em>(1)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a1">im meme<em>(13)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0f0">innisfree<em>(87)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0i0">JAYJUN<em>(0)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0zw">JMsolution<em>(2)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a5">klairs<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0l0">LANEIGE<em>(6)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0n0">Mamonde<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0p0">MEDIHEAL<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0o0">MERZY<em>(11)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0zk">MISSHA<em>(22)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c006">MOART<em>(7)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c007">NACIFIC<em>(13)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0t0">Peripera<em>(8)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0r1">RiRe<em>(2)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0u0">romand<em>(20)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c019">skin1004<em>(4)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c023">SOME BY MI<em>(32)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a4">Simple<em>(3)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c025">stimmung<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0zc">THE FACE SHOP<em>(4)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a6">The Ordinary<em>(4)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0zn">the SAEM<em>(6)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0zo">too cool for school<em>(11)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0z1">Others<em>(62)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a2">PINKROCKET<em>(83)</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 (569)</option><option value='c0zj' >3CE (6)</option><option value='c002' >AHC (5)</option><option value='c018' >ARITAUM (8)</option><option value='c030' >A'pieu (24)</option><option value='c070' >BBIA (7)</option><option value='c0a7' >berrisom (6)</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+ (5)</option><option value='c0c0' >ETUDE HOUSE (29)</option><option value='c015' >Huxley (4)</option><option value='c0a3' >HIMALAYA (1)</option><option value='c0a1' >im meme (13)</option><option value='c0f0' >innisfree (87)</option><option value='c0i0' >JAYJUN (0)</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 (5)</option><option value='c0o0' >MERZY (11)</option><option value='c0zk' >MISSHA (22)</option><option value='c006' >MOART (7)</option><option value='c007' >NACIFIC (13)</option><option value='c0t0' >Peripera (8)</option><option value='c0r1' >RiRe (2)</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 (4)</option><option value='c0a6' >The Ordinary (4)</option><option value='c0zn' >the SAEM (6)</option><option value='c0zo' >too cool for school (11)</option><option value='c0z1' >Others (62)</option><option value='c0a2' >PINKROCKET (83)</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 --> <div id="banner_text" style="background-color:#FF758A"> <p style="color:#000000"><a href="https://bbox2u.com/shop/list.php?ca_id=e0">PINKROCKET Bông tai / Piercing / Dây chuyền ⇒</a></p> </div> <!-- 헤더 하단 텍스트 배너 --> <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> <header class="blog_tlt"> <h3 class="ac"><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&wr_id=257" target="_self"><br style="clear:both;"><br style="clear:both;"><br style="clear:both;"><br style="clear:both;"><br style="clear:both;"></a><br style="clear:both;"><br></h3> </header><div id="UMS_TOOLTIP" style="position: absolute; cursor: pointer; z-index: 2147483647; background: transparent; top: -100000px; left: -100000px;"></div> <div id="lst_megazine_box" class="container_bx mg_b_40 cf"> <h4 id="container_title" class="tlt_type1 blind">블로그 List</h4> <section class="blog_list_bx"> <!-- 게시판 목록 시작 { --> <div id="bo_list" class="mg_b_40" style="width:100%"> <!-- [모바일] 게시판 카테고리 시작 : { --> <nav id="magazine_category"> <ul id="bo_cate_ul"> <li class="init">B.BOX Bloggers</li> <li><a href="?bo_table=blogs">ALL</a></li> </ul> </nav> <!-- } [모바일] 게시판 카테고리 끝 --> <!-- 상품 정렬 선택 시작 { --> <!-- [D] 상품정렬 --> <section class="sort_area" style="display:block;"> <button type="button" id="list_wr_datetime" value="wr_datetime"><span class="blind">등록순</span>Mới nhất</button> <button type="button" id="list_wr_good" value="wr_good"><span class="blind">추천수</span>LIKE</button> <button type="button" id="list_wr_hit" value="wr_hit"><span class="blind">조회수</span>VIEW</button> </section> <!-- } 상품 정렬 선택 끝 --> <!-- 게시판 검색 시작 { --> <fieldset id="bo_sch"> <legend>게시물 검색</legend> <form name="fsearch" method="get"> <input type="hidden" name="bo_table" value="blogs"> <input type="hidden" name="sca" value=""> <input type="hidden" name="sop" value="and"> <label for="sfl" class="sound_only">검색대상</label> <select name="sfl" id="sfl"> <option value="wr_subject">Tiêu đề</option> <option value="wr_content">Nội dung chính</option> </select> <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label> <div class="box_search"> <input type="text" name="stx" value="" required id="stx" class="frm_input required" size="15" maxlength="20"> <input type="submit" value="Tìm kiếm" class="btn_submit"> </div> </form> </fieldset> <!-- } 게시판 검색 끝 --> <!-- 게시판 페이지 정보 및 버튼 시작 { --> <div class="bo_fx blind"> <div id="bo_list_total"> <span>Total 0건</span> 1 페이지 </div> </div> <!-- } 게시판 페이지 정보 및 버튼 끝 --> <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post"> <input type="hidden" name="sfl" value=""> <input type="hidden" name="stx" value=""> <input type="hidden" name="spt" value=""> <input type="hidden" name="sca" value=""> <input type="hidden" name="sst" value="wr_datetime"> <input type="hidden" name="sod" value="desc"> <input type="hidden" name="sw" value=""> <input type="hidden" name="bo_table" value="blogs"> <div id="lst_megazine" class="wrap_bricks"> <!-- <h4>전체</h4> --> <ul class="lst_bricks"> </ul> </div> </form> </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> <script> $(document).ready(function() { var setHash = null; $(window).on('hashchange', function(){ var backCount = location.hash.substring(1) * -1; if(location.hash.substring(1) < setHash){ window.history.back(backCount); //location.href = document.referrer; }else{ setHash = location.hash.substring(1); } }); $("#bo_cate_ul").on("click", ".init", function() { $(this).closest("ul").children('li:not(.init)').toggle(); }); // var allOptions = $("#bo_cate_ul").children('li:not(.init)'); // $("ul").on("click", "li:not(.init)", function() { // allOptions.removeClass('selected'); // $(this).addClass('selected'); // allOptions.toggle(); // }); }); </script> <!-- } 게시판 목록 끝 --> </section> <section class="blog_side_bx"> <!-- 게시판 카테고리 시작 { --> <!-- } 게시판 카테고리 끝 --> <nav id="bo_cate" class="blog_category_bx mg_b_20"> <h4 class="mg_b_10">Blogger</h4> <ul id=""> <li><a href="?bo_table=blogs" id="bo_cate_on">ALL</a></li> </ul> </nav> <section class="post_latest_side"> <h4 class="mg_b_10">New article</h4> <ul> </ul> </section> </section> </div> <script> $(window).on('unload', function() { //--- 로컬 스토리지에 포지션 저장 localStorage.setItem("scrollTop", $(window).scrollTop()); }); $(function(){ var objData = { data : '' , page : 1 , bo_table : 'blogs' , cntItem : 0 , cntTotal : 0 , anchor : 0 , board_limit : 24 , tmp_limit : 0 }; function moreItems(){ $('.loading_process').toggle(); //--- 뒤로가기를 통해 돌아왔을 경우 재설정(앵커값을 이용해 리스트 다시 불러오기) if(location.hash){ var anchor = location.hash.substring(1); if( anchor != (objData.page - 1) ){ objData.tmp_limit = objData.board_limit; objData.board_limit = anchor * objData.board_limit; } } objData.data = $('#fboardlist').serialize(); $.ajax({ type : "GET", url : "/bbs/ajax.bloglist.php?page=" + objData.page + "&bo_table=" + objData.bo_table + "&board_limit=" + objData.board_limit + "&" + objData.data, dataType : "text", error : function(e){ alert('error'); return false; }, success : function(res){ $('.loading_process').toggle(); $('.lst_bricks').append(res); objData.cntItem = $('.lst_bricks li').length; if(objData.cntItem >= objData.cntTotal) { $('#blog_more').remove(); } //--- 뒤로가기를 통해 돌아왔을 경우 if(objData.tmp_limit > 0) { //--- 변수 원래대로 재설정 objData.board_limit = objData.tmp_limit; objData.page = anchor; objData.tmp_limit = 0; //--- 스크롤 이동 $(window).scrollTop(localStorage.getItem("scrollTop")); localStorage.removeItem('scrollTop') } location.href = '#' + objData.page; objData.page++; } }); } $('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(){ moreItems(); }); moreItems(); }); </script> <script> $(function() { var sort = 'wr_datetime'; var order = 'desc'; var arrow = 'down'; $('.sort_area button').each(function(i){ $(this).removeClass(); }); if(order == 'asc'){ arrow = 'up'; } $('#list_' + sort).addClass(arrow); $('.sort_area button').click(function(){ var sort = $(this).val(); var order = 'desc'; var url = '?bo_table=blogs&wr_id=&page=1'; if( $(this).hasClass('down') ){ order = 'asc'; } location.href = url + '&sst=' + sort + '&sod=' + order; }); $('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=' + 'request'); 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 == '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); }); 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}}/, 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 + '"]').val(''); $('#' + group).parent().slideDown(200); console.log(data.result.type); } else { alert(data.result.msg); $('input[name="sc_content_' + group + '"]').focus(); return false; } } }); } }); </script> <!-- 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://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/blogs -->