</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 = '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=%2Fshop%2Flist.php%3Fca_id%3D80b030">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> </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=%2Fshop%2Flist.php%3Fca_id%3D80b030">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>(5)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0g0" class="">39k<em>(7)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0h0" class="">59k<em>(13)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0i0" class="">79k<em>(16)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0j0" class="">99k<em>(7)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0k0" class="">119k<em>(25)</em></a> </li> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=a0l0" class="">139k<em>(17)</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>(74)</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(11)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900120">Son Kem(40)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900140">Son Bóng(16)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900150">Chăm Sóc Môi(5)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=9002" class="has_sub">FACE<em>(20)</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(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900220">Foundation/Cushion(9)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900250">BB-CC Cream(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900230">Concealer(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900260">Phấn Phủ(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900240">Má Hồng(5)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900270">Tạo Khối/Highlight(0)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900280">Xịt Khóa Make Up(1)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=9003" class="has_sub">EYE<em>(35)</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(15)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900320">Eye Liner(6)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900330">Mascara(4)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=900340">Eye Brow(10)</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>(11)</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ọ(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b020">Bấm Mi(1)</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ả(0)</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(1)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b080">Gương(0)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b090">Dao-Kéo(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=90b0a0">Bông Tẩy Trang(2)</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>(29)</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(9)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=801020">Sữa Rửa Mặt(15)</a></li> <li><a href="https://www.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://www.bbox2u.com/shop/list.php?ca_id=80c0" class="">Toner<em>(26)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8030" class="">Tinh Chất / Serum<em>(23)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=80d0" class="">Sữa Dưỡng/Lotion<em>(1)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8040" class="">Kem Dưỡng<em>(30)</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>(5)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8060" class="">Kem Chống Nắng<em>(15)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8080" class="">Nail/Hand/Foot<em>(6)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=8090" class="">Body / Hair<em>(7)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://www.bbox2u.com/shop/list.php?ca_id=80b0" class="has_sub">Mặt Nạ<em>(17)</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(9)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b020">Mặt Nạ Rửa(2)</a></li> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b030">Mặt Nạ Ngủ(4)</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>(7)</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>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c002">AHC<em>(4)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c018">ARITAUM<em>(4)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c030">A'pieu<em>(15)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c070">BBIA<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a7">berrisom<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c012">BLACK ROUGE<em>(23)</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>(10)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c091">COSRX<em>(3)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a0">Dr.Jart+<em>(0)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0c0">ETUDE HOUSE<em>(22)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c015">Huxley<em>(2)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a3">HIMALAYA<em>(0)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a1">im meme<em>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0f0">innisfree<em>(40)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0i0">JAYJUN<em>(0)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zw">JMsolution<em>(0)</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>(3)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0n0">Mamonde<em>(3)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0p0">MEDIHEAL<em>(1)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0o0">MERZY<em>(10)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zk">MISSHA<em>(11)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c006">MOART<em>(5)</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>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0r1">RiRe<em>(0)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0u0">romand<em>(16)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c019">skin1004<em>(6)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c023">SOME BY MI<em>(25)</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>(2)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a6">The Ordinary<em>(3)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zn">the SAEM<em>(2)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0zo">too cool for school<em>(5)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0z1">Others<em>(38)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=c0a2">PINKROCKET<em>(75)</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 (392)</option><option value='c0zj' >3CE (6)</option><option value='c002' >AHC (4)</option><option value='c018' >ARITAUM (4)</option><option value='c030' >A'pieu (15)</option><option value='c070' >BBIA (5)</option><option value='c0a7' >berrisom (5)</option><option value='c012' >BLACK ROUGE (23)</option><option value='c001' >BODYHOLIC (2)</option><option value='c000' >CNP (4)</option><option value='c090' >CLIO (10)</option><option value='c091' >COSRX (3)</option><option value='c0a0' >Dr.Jart+ (0)</option><option value='c0c0' >ETUDE HOUSE (22)</option><option value='c015' >Huxley (2)</option><option value='c0a3' >HIMALAYA (0)</option><option value='c0a1' >im meme (6)</option><option value='c0f0' >innisfree (40)</option><option value='c0i0' >JAYJUN (0)</option><option value='c0zw' >JMsolution (0)</option><option value='c0a5' >klairs (5)</option><option value='c0l0' >LANEIGE (3)</option><option value='c0n0' >Mamonde (3)</option><option value='c0p0' >MEDIHEAL (1)</option><option value='c0o0' >MERZY (10)</option><option value='c0zk' >MISSHA (11)</option><option value='c006' >MOART (5)</option><option value='c007' >NACIFIC (13)</option><option value='c0t0' >Peripera (6)</option><option value='c0r1' >RiRe (0)</option><option value='c0u0' >romand (16)</option><option value='c019' >skin1004 (6)</option><option value='c023' >SOME BY MI (25)</option><option value='c0a4' >Simple (3)</option><option value='c025' >stimmung (5)</option><option value='c0zc' >THE FACE SHOP (2)</option><option value='c0a6' >The Ordinary (3)</option><option value='c0zn' >the SAEM (2)</option><option value='c0zo' >too cool for school (5)</option><option value='c0z1' >Others (38)</option><option value='c0a2' >PINKROCKET (75)</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> <!-- 배너3 삭제 160714 --> <!--<section class="banner_bx_sub mg_b_40"> <div class="banner3_img_bx">배너3</div> <div class="banner3_txt_bx"> <h3>큰 글씨가 들어갑니다</h3> <p>작은글씨가 들어갑니다 작은글씨가 들어갑니다 작은글씨가 들어갑니다</p> </div> </section>--> <script> var itemlist_ca_id = "80b030"; $(document).ready(function(){ $('#brand_select_mobile').select2( { width : '100%', minimumResultsForSearch : -1 } ); }); </script> <script src="https://www.bbox2u.com/js/shop.list.js"></script> <!-- 상품 목록 시작 { --> <div id="sct"> <div class="category_list_bx mg_b_40"> <ul class="list_bx cf pc_only"> <li ><a href="https://www.bbox2u.com/shop/list.php?ca_id=80">All <em>(167)</em></a></li> <li > <a href="/shop/list.php?ca_id=8010"> <span>Làm Sạch <em>(29)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=80c0"> <span>Toner <em>(26)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=8030"> <span>Tinh Chất / Serum <em>(23)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=80d0"> <span>Sữa Dưỡng/Lotion <em>(1)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=8040"> <span>Kem Dưỡng <em>(30)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=8020"> <span>Xịt Khoáng / Body Mist <em>(5)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=8060"> <span>Kem Chống Nắng <em>(15)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=8080"> <span>Nail/Hand/Foot <em>(6)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=8090"> <span>Body / Hair <em>(7)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=80b0"> <span>Mặt Nạ <em>(17)</em></span> </a> </li> <li > <a href="/shop/list.php?ca_id=8070"> <span>Sản Phẩm Khác <em>(7)</em></span> </a> </li> </ul> <!-- [D] 모바일인 경우 : 셀렉트박스로 보여짐 --> <div id="brand_mobile_area"> <select id="brand_select_mobile" class="mobile_only" onchange="location.href='/shop/list.php?ca_id=' + $(this).val()"> <option value='80' >All (167)</option><option value='8010' >Làm Sạch (29)</option><option value='80c0' >Toner (26)</option><option value='8030' >Tinh Chất / Serum (23)</option><option value='80d0' >Sữa Dưỡng/Lotion (1)</option><option value='8040' >Kem Dưỡng (30)</option><option value='8020' >Xịt Khoáng / Body Mist (5)</option><option value='8060' >Kem Chống Nắng (15)</option><option value='8080' >Nail/Hand/Foot (6)</option><option value='8090' >Body / Hair (7)</option><option value='80b0' >Mặt Nạ (17)</option><option value='8070' >Sản Phẩm Khác (7)</option> </select> </div> </div> <!-- [D] 3depth 카테고리 박스 : --> <div class="box_sub_category"> <ul> <li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b010">Mặt Nạ Giấy<em>(9)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b020">Mặt Nạ Rửa<em>(2)</em></a></li><li><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b030">Mặt Nạ Ngủ<em>(4)</em></a></li> </ul> </div> <div class="container_bx"> <section class="sct_wrap"> <h3 class="blind">Shop item list</h3> <!-- [D] 현재 위치 160714 --> <div class="breadcrumb"> <a href="https://www.bbox2u.com/shop/list.php?ca_id=80">Dưỡng Da</a><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b0">Mặt Nạ</a><a href="https://www.bbox2u.com/shop/list.php?ca_id=80b030">Mặt Nạ Ngủ</a><!--storng></storng--> </div> <!-- // 현재 위치 --> <div id="default_list"> <div id="sct_sortlst"> <section class="sort_area"> <button type="button" id="list_it_order" value="it_order"><span class="blind">인기</span>HOT</button> <button type="button" id="list_it_sum_qty" value="it_sum_qty"><span class="blind">판매</span>Bán chạy</button> <button type="button" id="list_it_update_time" value="it_update_time"><span class="blind">시간</span>Mới nhất</button> <button type="button" id="list_cnt_comment" value="cnt_comment"><span class="blind">리뷰</span>Review</button> <button type="button" id="list_it_price" value="it_price"><span class="blind">가격</span>Giá</button> </section> <script> $(document).ready(function(){ var sort = 'it_order'; var order = 'asc'; var arrow = 'down'; $('.sort_area button').each(function(i){ $(this).removeClass(); }); if(order == 'asc'){ arrow = 'up'; } //--- 인기순은 화살표 방향 예외처리 if(sort == 'it_order'){ if(order == 'asc'){ arrow = 'down'; }else{ arrow = 'up'; } } $('#list_' + sort).addClass(arrow); }); $('.sort_area button').click(function(){ var sort = $(this).val(); var order = 'desc'; var url = '/shop/list.php?ca_id=80b030&sort='; if( $(this).hasClass('down') ){ order = 'asc'; } //--- 인기순은 정렬순서 예외처리 if(sort == 'it_order'){ if( $(this).hasClass('down') ){ order = 'desc'; }else{ order = 'asc'; } } location.href = url + sort + '&sortodr=' + order; }); </script> <!-- 기존 상품정렬 160825 : <section class="sort_area"> <dl> <dt>Sorting</dt> <dd> <select onchange="location.href=this.value"> <option value="/shop/list.php?ca_id=80b030&sort=it_sum_qty&sortodr=desc">Bán chạy</option> <option value="/shop/list.php?ca_id=80b030&sort=it_price&sortodr=asc">Giá: thấp tới cao</option> <option value="/shop/list.php?ca_id=80b030&sort=it_price&sortodr=desc">Giá: cao tới thấp</option> <option value="/shop/list.php?ca_id=80b030&sort=it_use_avg&sortodr=desc">Số lượng review</option> <option value="/shop/list.php?ca_id=80b030&sort=it_update_time&sortodr=desc">Mới nhất</option> </select> </dd> </dl> </section> --> <ul id="sct_lst"> <li><button type="button" class="sct_lst_view sct_lst_list">리스트뷰<span></span></button></li> <li><button type="button" class="sct_lst_view sct_lst_gallery">갤러리뷰<span></span></button></li> </ul> </div> <ul class="product_bx cf"> </ul> </div> </section> <div class="li_more"> <div class="btn_area_more"> <div class="loading_process" style="display: none; margin-top: 30px;"></div> <button type="button" id="btn_more_item" data-pageTail=""> Xem thêm </button> </div> </div> </div> </div> <!-- } 상품 목록 끝 --> <script> var pagingObj = { url : 'https://www.bbox2u.com/shop/ajax.item.type.php', list_id : 'default_list', list_type : 'default', list_mod : '4', list_row : '8', ca_id1 : '80b030', ca_id2 : '80b030', ca_id3 : '80b030', startPage : 1, sort : 'it_order', sortodr : 'asc', }; var scroll = localStorage.getItem(pagingObj.list_type + '_scrollTop'); var page = location.hash ? location.hash.substring(1) : 1; </script> <script src="https://www.bbox2u.com/js/shop.item.paging.js?ver=20072301"></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://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>