펜심 | 엑스피펜 공식 스토어

<!DOCTYPE html> <html lang='ko'> <head> <meta charset="utf-8"/>  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>펜심 | 엑스피펜 공식 스토어</title> <meta name="keywords" content="엑스피펜 공식 스토어"/> <meta name="description" content="엑스피펜 공식 스토어"/> <meta name="google-site-verification" content="6UN8CgtDxCSKKn65eoVnW12qTc-t-vGlhQbQSEjbaDY" />   <meta name="facebook-domain-verification" content="i9h74qk81fmw9afxx9xrlcdnsv0io9" /> <script src="/newxp/static2024/ace/js/jquery-2.1.4.min.js"></script> <script src="/newxp/static2024/layer/layer.js?ver=202411222"></script> <style>a,a:hover{text-decoration:none}iframe{width:1200px}.xp_home_video{height:auto;overflow:hidden;padding:30px 0}.xp_home_video .home_video_box{height:auto;overflow:hidden;margin-top:16px}.xp_home_video .home_video_box .video_block{position:relative;color:#fff;overflow:hidden}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play:hover .video_section__playBtn{background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type2_hover.webp) no-repeat;background-size:100%}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type1_over.png) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:left;font-weight:700;width:100%;pointer-events:none}.cart_menu_box,.cart_menu_box dd dt{margin:0;padding:0}#cart_icon span{background-color:var(--main-color);display:none}.ellipsis{height:auto;overflow:hidden;text-overflow:ellipsis;display:inline-block;display:block}.pull-right{text-align:center;padding:2rem}.backTop{position:fixed;right:15px;bottom:20%;border-radius:4px;z-index:99;-webkit-border-radius:4px;-moz-border-radius:4px;width:50px;height:50px;text-align:center;line-height:50px;cursor:pointer;display:none;background:#dfdfdf}.backTop i.icon{font-size:30px;color:#fff;margin:0;padding:0}@media(min-width:992px) and (max-width:1200px){.container{width:100%}}.xp_language{width:100%;height:auto;background:#d0d0d0;position:relative;transition:all .5s}.la_content{max-width:1440px;height:auto;overflow:hidden;color:#000;margin:0 auto;padding:0 40px;background-color:#d0d0d0}.la_content .text{line-height:20px;padding:10px 0;float:left;font-size:12px;width:calc(100% - 448px)}.la_content .la_changes{float:right;width:auto;height:35px;border:0;margin:5px 15px 0 15px;font-size:12px;padding:0 10px;cursor:pointer}.la_close{float:right;text-align:center;color:#000;height:40px;width:40px;cursor:pointer;display:flex;justify-content:center;align-items:center}.la_close i{font-weight:bold;font-size:16px}.la_changes_text{height:auto;overflow:hidden;line-height:30px}.la_changes_text i{float:right}.la_changes_text span{display:inline-block;float:left;padding-right:10px}.la_changes_text i{color:#333}@media all and (max-width:1200px){.la_content{width:100%;box-sizing:border-box;text-align:center}.la_content .text{width:100%!important;float:none;text-align:center}.la_content .la_changes{width:auto}.la_content_search{display:inline-block}}@media all and (max-width:767px){.xp_home_video{height:auto;overflow:hidden}.xp_home_video .home_video_box{margin-top:12px}.xp_home_video .home_video_box .video_block{width:100%;position:relative;color:#fff;float:left}.xp_home_video .home_video_box .video_block a{display:inline-block;width:100%;height:auto}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(/static/images/swiper_img/btn_player_type1_over.png) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:center;font-weight:700;width:100%;pointer-events:none} }@media screen and (max-width:556px){.la_content{height:auto;text-align:center;padding:0 20px}.la_content .la_changes{margin:5px 12px 0 12px}}</style>  <link rel="preload" as="style" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202411222"> <link rel="preload" as="style" href="/newxp/static2024/swiper/swiper.min.css?ver=202411222"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_new.css?ver=202411222"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_kr.css?ver=202411222"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont.css?ver=202411222"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont2.css?ver=202411222"> <link rel="preload" as="script" href="/newxp/static2024/layer/layer.js?ver=202411222"> <link rel="preload" as="script" href="/newxp/static2024/ace/js/jquery-2.1.4.min.js"> <link rel="preload" as="script" href="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202411222">  <link rel="preload" as="script" href="/newxp/static2024/swiper/swiper.min.js?ver=202411222"> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap">  <link rel="canonical" href="https://www.storexppen.kr/series/14.html">  <link rel="stylesheet" href="/newxp/static2024/css/index/style_new.css?ver=202411222"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont.css?ver=202411222"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont2.css?ver=202411222"> <link rel="stylesheet" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202411222"> <link rel="stylesheet" href="/newxp/static2024/swiper/swiper.min.css?ver=202411222"> <link rel="stylesheet" href="/newxp/static2024/css/index/style_kr.css?ver=202411222">  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"> <script src="/newxp/static2024/ace/js/popper.min.js"></script> <script async src="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202411222"></script> <script defer type="text/javascript" src="/newxp/static2024/JsLang/lang_kr.js?ver=202411222"></script>  <script type="text/javascript" src="/newxp/static2024/swiper/swiper.min.js?ver=202411222"></script>  <script type="text/javascript"> var _AW_REG_CONVERSION=""; var _AW_ADDCART_CONVERSION=""; var _NOW_TIME=1732969975; var uid="0"; var isDisable = '0'; var _LANG_ ="kr"; var _SSO_DOMAIN_ = "https://account.xp-pen.com"; var _ROOT_="/"; var _STATIC_="/newxp/static2024/"; </script> <script defer type="text/javascript" src="/newxp/static2024/js/index/layout_kr.js?ver=202411222"></script> <script defer type="text/javascript" src="/newxp/static2024/js/index/search.js?ver=202411222"></script> <script src="https://www.dwin1.com/19038.js" type="text/javascript" defer="defer"></script> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WXM998B');</script>     <script async src="https://www.googletagmanager.com/gtag/js?id=AW-858833836"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-858833836'); </script>  <script type="text/javascript" src="/newxp/static2024/js/index/cookie.js?ver=202411222"></script> <script type="text/javascript" src="/newxp/static2024/js/index/hw_tag.js?ver=202411222"></script>  <script> window.hwDataLayer = window.hwDataLayer || []; function hwtag() {hwDataLayer.push(arguments);} const site_code = "WEBKR"; const website_id = "8926XP000101A15"; hwtag('config', site_code, { 'website_code': site_code, 'website_id': website_id, 'account_id': '0', 'debug': "false",// test-env:true, pro-env:false 'brand_website': 'XPPen', 'website_type': 1, 'page_type': "category", 'pt': 'web', 'is_login': '0', 'business_channel': '独立站', 'pt_v': '', 'sr_reg': getCookie('sr_reg') ?? '', 'sr_ctrl': getCookie('sr_ctrl') ?? '', 'key_word': getCookie('key_word') ?? '', 'key_word_type': getCookie('key_word_type') ?? '', }); function updatePubAttr(data){ $.each(data,function(index_key,value){ if(index_key === 'key_word') { document.cookie = "key_word=" + value + ";path=/"; }else{ setCookie(index_key,value); } }); hwtag('config', site_code, data); } setCookie('page_type',"category"); setCookie('path',window.location.pathname); document.cookie = "title=" + document.title + ";path=/"; var currency='KRW'; </script> <script async src="https://t.xp-pen.com/hwtag.min.js?ver=202411222"></script>  </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXM998B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="/newxp/static2024/ace/js/picturefill.min.js" async></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ENYSRJJS5C"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ENYSRJJS5C'); </script> <script src='/newxp/static2024/js/analyze/ga.js'></script > <link rel="preload" href="/newxp/static2024/css/reset.css?ver=202411222" as="style" /> <link rel="preload" href="/newxp/static2024/css/index/common.css?ver=202411222" as="style" /> <link rel="preload" href="/newxp/static2024/css/geren/commonstyle.css?ver=202411222" as="style" />  <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/reset.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/common.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/commonstyle.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/lang_cut/index.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/revision.css?ver=202411222" /> <script type="text/javascript" src="/newxp/static2024/js/index/cart.js?ver=202411222"></script> <style> img[src=""],img:not([src]){ opacity:0; } #nav .logo_pc { display: block; } #nav .logo_mobile { display: none; } #navbar_header_height { padding-top: 0px; } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } #bulletin .icon .notice-icon { width: 16px; height: auto; } #bulletin .icon .bulletin-title { display: none; } } #bulletin { display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; position: fixed; z-index: 999999; width: 100%; top: 0; } #bulletin .icon { display: flex; align-items: center; margin-right: 15px; /*width: 100px;*/ } .pad_right { padding-right: 50px; } .pad_right .title { margin-right: 10px; } #scroll_div { overflow: hidden; white-space: nowrap; width: 1400px; } #scroll_begin, #scroll_end { display: inline; } #closure { display: inline-block; margin-left: 15px; cursor: pointer; } </style> <header class="navbar_header" id="navbar_header_height">  <style> #closure { color: white !important; margin-right: 10px; } .announcement-bar { width: 100%; background: #000000 !important; display: flex; align-items: center; } .announcement-bar-swiper { width: 800px; padding: 0px 60px; box-sizing: content-box; height: 38px; line-height: 38px; color: white !important; text-align: center; } .announcement-bar-swiper .swiper-slide { background-color: #000000 !important; } .announcement-bar-swiper .iconfont { font-size: 14px; margin-top: 2px; } .announcement-bar-swiper .swiper-button-prev, .announcement-bar-swiper .swiper-button-next { background-image: none !important; height: auto !important; display: flex; justify-content: center; } .announcement-bar-swiper .swiper-button-next.swiper-button-disabled, .announcement-bar-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: auto !important } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } .announcement-bar-swiper { width: 100vw; box-sizing: border-box; padding: 0 45px; } #closure { margin-right: 10px; } .announcement-bar-swiper .swiper-slide { overflow: hidden; height: auto !important; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } .bulletin .icon .bulletin-title { display: none; } } .bulletin { display: flex; align-items: center; justify-content: center; background-color: #000000 !important; color: white; font-size: 12px; } .pad_right { padding-right: 10px; } .pad_right .title { margin-right: 10px; color: white !important; } .pad_right .content { color: white !important; } .scroll_div { width: 1400px; overflow: hidden; white-space: nowrap; text-align: center; } .scroll_begin, .scroll_end { display: inline; } </style> <script> $(function (){ $('.scroll_div').each(function () { var speed = 20; let MyMar = null; var scroll_begin = $(this).find('.scroll_begin')[0]; var scroll_end = $(this).find('.scroll_end')[0]; var scroll_div = $(this)[0]; var isMobile = $(window).width() <= 768; if (isMobile ? $(this).find('.pad_right')[0].innerText.length >= 50 : $(this).find('.pad_right')[0].innerText.length >= 100) { scroll_begin.innerHTML += scroll_begin.innerHTML; scroll_end.innerHTML = scroll_begin.innerHTML; function Marquee() { if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0) scroll_div.scrollLeft -= scroll_begin.offsetWidth; else scroll_div.scrollLeft++; } MyMar = setInterval(Marquee, speed); // scroll_div.onmouseover = function () { // clearInterval(MyMar); // } // scroll_div.onmouseout = function () { // MyMar = setInterval(Marquee, speed); // } } }) }) $('.announcement-bar-closure').click(function () { document.getElementById("navbar_header_height").setAttribute('style', 'padding-top:0px') $('.announcement-bar').each(function () { $(this).css('display', 'none') }) $('.xp_language').css('padding-top', 0) }) </script>  <div> </div> <div class="navbar_header-warpper"> <div class="store_nav_top" id="nav"> <div class="store_nav_top_box">  <div class="mobile_navtoggle" id="mobile_navtoggle"> <i class="iconfont icon-a-icon1x-22 navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" ></i> </div>  <div class="nav_logo"> <a href="/" aria-label="link"> <img src="https://xpstore.oss-us-west-1.aliyuncs.com/img/xppen/logomoblie.svg" class="img_mobile" width="32px" height="32px" border="0" alt="image"/> <img src="https://resource.xp-pen.com/Uploads/images/20241015/BClKTOkORLcPwlQNicHj.png?ver=2018072503885" border="0" width="" height="" alt="image"/> </a> </div>    <div class="navbar-menu-waprrer"> <i class="icon-a-icon1x-33 iconfont left-icon"></i> <div class="navbar-menu"> <div class="navbar-sale-activity"> <img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image"> <a href="https://www.storexppen.kr/topic/xppen_BlackFriday_event.html" aria-label="link">블랙 엑스피펜 데이</a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/series/pad.html" class="navbar-menu-list-title" aria-label="link">드로잉 패드 </a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/series/artist-series-display.html" class="navbar-menu-list-title" aria-label="link">액정 타블렛 </a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/series/star-series-tablet.html" class="navbar-menu-list-title" aria-label="link">펜 타블렛 </a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/topic/Accessories.html" class="navbar-menu-list-title" aria-label="link">액세서리 </a>  <div class="nml-item-warpper"> <div class="nml-item"> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/6.html' aria-label="link">스타일러스</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/14.html' aria-label="link">펜심</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/protectivefilm.html' aria-label="link">보호 필름</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/pouch.html' aria-label="link">파우치</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/16.html' aria-label="link">스탠드</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/tabletkeyboard.html' aria-label="link">타블렛 키보드</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/17.html' aria-label="link">어댑터/케이블</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/18.html' aria-label="link">주변제품</a> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/article/10.html" class="navbar-menu-list-title" aria-label="link">고객지원 </a>  <div class="nml-item-warpper"> <div class="nml-item"> <div class="nml-item-list"> <a href='https://www.storexppen.kr/topic/78.html' aria-label="link">X3 Pro 기술</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.kr/article/10.html' aria-label="link">문의하기</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.kr/article_list/37.html' aria-label="link">공지사항</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.kr/topic/80.html' aria-label="link">XPPen 코인</a> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/topic/free-linedrawing.html" class="navbar-menu-list-title" aria-label="link">선화 다운로드 </a> </div> </div> <i class="icon-a-icon1x-32 iconfont right-icon"></i> </div> <div class="navbar_right member">  <div class="menu-search"> <i class="iconfont icon-a-icon1x-30"></i> </div>  <div class="navmenu_hover navbar_right_cart nav_carts" id="nav_carts"> <a class="shownavcart" href="https://www.storexppen.kr/cart/index.html" aria-label="link"> <i class="iconfont icon-shopping-cart" id="cart_icon"> <span class="badge badge-primary icon_cart_num" style="display: inline-block;vertical-align: sub;">0</span> </i> </a> </div>  <div class="navmenu_hover navbar_right_account" id="nav_accounts"> <a aria-label="link" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref=' class="login1" rel='nofollow'> <i class="iconfont icon-user"></i> </a> <ul class="navbar_account_menu login_content"> <span class="nav_bagview_caret right_account"></span> <li><a aria-label="link" id="login_url" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref=' class="login2" rel="nofollow">로그인</a></li> <li><a aria-label="link" href='https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref=' class="login3" rel="nofollow">회원 가입</a></li> </ul> </div> </div>  <div class="" id="openUser" style='display: none'> <a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref=" rel="nofollow" aria-label="login"> <i class="iconfont icon-account"></i> </a> </div> </div> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <div class="navbarToggleExternalContent-warpper">  <div class="moblie-menu"> <div class="moblie-menu-sale-activity"> <a href='https://www.storexppen.kr/topic/xppen_BlackFriday_event.html' aria-label="link"><img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image">블랙 엑스피펜 데이</a> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/series/pad.html' aria-label="link"> 드로잉 패드 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/series/artist-series-display.html' aria-label="link"> 액정 타블렛 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/series/star-series-tablet.html' aria-label="link"> 펜 타블렛 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> 액세서리 <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content" >  <div class="mwc-item"> <div class="mwc-title"> 스타일러스 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/x3proslim.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240820/WDNGgWoQ5on4x66oBeP6.png" alt="X3 Pro 슬림 스타일러스<국내배송>"> </div> <div class="title"> X3 Pro 슬림 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/x3pro.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20230905/dd9ce388c2292ab73dba316c5c022924.jpg" alt="X3 Pro 스마트칩 스타일러스<국내배송>"> </div> <div class="title"> X3 Pro 스마트칩 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/x3smartchipstylus.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20211116/de05de6ee06d7406747b699c60566176.jpg" alt="X3 Plus 스마트칩 스타일러스<국내배송>"> </div> <div class="title"> X3 Plus 스마트칩 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/141.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210219/89c8c3fed67194f49ec3bfbeb3125a97.jpg" alt="PA6 스타일러스<국내배송>"> </div> <div class="title"> PA6 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/134.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201202/345650d0149ac592c43fe2fabf5c6569.jpg" alt="PA5 스타일러스"> </div> <div class="title"> PA5 스타일러스 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/85.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200519/07ecd267f4468523f01ee0e8886d4291.jpg" alt="PA2 스타일러스<국내배송>"> </div> <div class="title"> PA2 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/79.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20190930/1517531eff34a2ebca7bf14df9c840c6.jpg" alt="PA1 스타일러스"> </div> <div class="title"> PA1 스타일러스 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/110.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200625/72aad26203a55bc65e06ecbfc963535e.jpg" alt="PH03 스타일러스<해외배송>"> </div> <div class="title"> PH03 스타일러스<해외배송> </div> </a> <a href="https://www.storexppen.kr/series/6.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 펜심 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/241.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh.png" alt="Magic Drawing Pad 펜심 <해외배송>"> </div> <div class="title"> Magic Drawing Pad 펜심 <해외배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/133.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b.jpg" alt="AC95 펜심<국내배송>"> </div> <div class="title"> AC95 펜심<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/49.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635.jpg" alt="AC04 펜심"> </div> <div class="title"> AC04 펜심 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/109.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e.png" alt="SPE39 펜심"> </div> <div class="title"> SPE39 펜심 </div> </a> <a href="https://www.storexppen.kr/series/14.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 보호 필름 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/97.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200427/ed491d943b9ce344ca55d8e1a0f35f85.jpg" alt="Artist 13.3 Pro 보호필름"> </div> <div class="title"> Artist 13.3 Pro 보호필름 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/139.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" alt="Artist 12 Pro 종이질감 보호필름"> </div> <div class="title"> Artist 12 Pro 종이질감 보호필름 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/132.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201116/36dc77e8a623e0c578a0bd67e029cd1a.jpg" alt="Deco Pro S/M 타블렛 보호필름 (2개입)"> </div> <div class="title"> Deco Pro S/M 타블렛 보호필름 (2개입) </div> </a> <a href="https://www.storexppen.kr/series/protectivefilm.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 파우치 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/236.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240906/o0Ay93FYr46x3DPLGcQu.jpg" alt="Magic Drawing Pad 파우치"> </div> <div class="title"> Magic Drawing Pad 파우치 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/94.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200318/b22461cd1f9bb045f6b8eb2c65f8da2a.jpg" alt="AC48 타블렛 파우치(10인치)"> </div> <div class="title"> AC48 타블렛 파우치(10인치) </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/50.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20171115/aad4191ed345b0fde9394d0a024eca79.jpg" alt="AC20 케이블 파우치"> </div> <div class="title"> AC20 케이블 파우치 </div> </a> <a href="https://www.storexppen.kr/series/pouch.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 스탠드 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/191.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20220615/afdf1c4c9755e71daef96a7d41b179ca.jpg" alt="엑스피펜 휴대용 조절식 거치대"> </div> <div class="title"> 엑스피펜 휴대용 조절식 거치대 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/71.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240702/MDRcrRHAef309AKtWXPO.jpg" alt="AC42 디스플레이 스탠드"> </div> <div class="title"> AC42 디스플레이 스탠드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/38.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20170725/a0407a79c10d041fb529a073650dae29.jpg" alt="AC18 디스플레이 스탠드"> </div> <div class="title"> AC18 디스플레이 스탠드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/70.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240702/nzdSSbjvVEDGsS0naEyL.jpg" alt="AC41 디스플레이 스탠드"> </div> <div class="title"> AC41 디스플레이 스탠드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/237.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240930/Qtuc3qAky2FTc8uqrtlO.jpg" alt="ACS18 디스플레이 스탠드"> </div> <div class="title"> ACS18 디스플레이 스탠드 </div> </a> <a href="https://www.storexppen.kr/series/16.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 타블렛 키보드 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/ack05kr.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20230315/45a9da439b343e1c4c1269925fea7e2d.jpg" alt="ACK05 무선 타블렛 키보드"> </div> <div class="title"> ACK05 무선 타블렛 키보드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/smart_keyboard.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240715/B6trOeOANMTdmXT1xuvr.jpg" alt="XPPen 스마트 키보드<국내배송>"> </div> <div class="title"> XPPen 스마트 키보드<국내배송> </div> </a> <a href="https://www.storexppen.kr/series/tabletkeyboard.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 어댑터/케이블 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/165.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20211021/c607acbb9b794110432e08e328522505.jpg" alt="다기능 USB-C케이블 ACW03"> </div> <div class="title"> 다기능 USB-C케이블 ACW03 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/127.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201009/18d1cb4344fd16fddf9eabc58e74aad6.jpg" alt="전원 연장 케이블 AC57"> </div> <div class="title"> 전원 연장 케이블 AC57 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/98.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200428/d8507a74eae7637c7f5febb1fb74f835.png" alt="Artist 22 Pro/Artist 22E Pro 펜 충전 케이블 SPE35"> </div> <div class="title"> Artist 22 Pro/Artist 22E Pro 펜 충전 케이블 SPE35 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/93.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20220125/41790023c938eb79fad96527fc16abf1.png" alt="3-in-1 케이블 AD41"> </div> <div class="title"> 3-in-1 케이블 AD41 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/81.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20190930/fdf5fd92bff1a55b51b03b0c6dcdf9b7.jpg" alt="Deco 시리즈 타블렛 케이블 AC39"> </div> <div class="title"> Deco 시리즈 타블렛 케이블 AC39 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/53.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20171225/d3b07218ad383ccfa95f0f9aae277cdb.jpg" alt="3-in-1 케이블 SPE40"> </div> <div class="title"> 3-in-1 케이블 SPE40 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/102.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201230/8176ea8871e60426017783a6dcfa729c.jpg" alt="HDMI 케이블 SPE21"> </div> <div class="title"> HDMI 케이블 SPE21 </div> </a> <a href="https://www.storexppen.kr/series/17.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 주변제품 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/catglove.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210813/1535b5963c0f974e3349373a7b6f45a6.jpg" alt="오염 방지 드로잉 장갑"> </div> <div class="title"> 오염 방지 드로잉 장갑 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/acl01.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210510/a1ea9249fb3e6a6a3045f845f26f6a06.jpg" alt="ACL01 단축키 스티커"> </div> <div class="title"> ACL01 단축키 스티커 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/35.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20180913/a57fbb14d888e274afaa2d2a0d7f212e.jpg" alt="AC08 드로잉 글러브(2개)"> </div> <div class="title"> AC08 드로잉 글러브(2개) </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/34.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20180913/5723f091e67d04f9322b31cf271975fe.jpg" alt="AC01 드로잉 글러브(2개)"> </div> <div class="title"> AC01 드로잉 글러브(2개) </div> </a> <a href="https://www.storexppen.kr/series/18.html" class="mw-view-more">더 알아보기</a> </div> </div> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> 고객지원 <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content" >  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/topic/78.html" aria-label="link"> X3 Pro 기술 </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/article/10.html" aria-label="link"> 문의하기 </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/article_list/37.html" aria-label="link"> 공지사항 </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/topic/80.html" aria-label="link"> XPPen 코인 </a> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/topic/free-linedrawing.html' aria-label="link"> 선화 다운로드 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="foot_margin_end nm-toolbar"> <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 350px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> <p class="current_site_name">Korea, South</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> </div> <div class="search-warpper"> <div class="nav_search" id="nav_searchs"> <form class="search_form_bar" action="https://www.storexppen.kr/search/index.html" method="get"> <div class="search_form_wrapper"> <div class="search_form_input"> <div class="input_box" style="flex: 1;"> <button type="button" class="search_btn" aria-label="search button"><i class="iconfont icon-search"></i></button> <input class="search_input" id="searchInput" name="search_word" type="search" placeholder="검색" autocomplete="off" value=""> <i class="iconfont icon-a-icon1x-31 close-icon" ></i> </div> <button type="button" class="inp_search search_btn">검색</button> </div> <div class="search_form_close"> <span class="close_text"> <i class="iconfont icon-close"></i> </span> </div> </div> <div class="history"> <div class="history_title"> <div>검색 기록</div> <div>CLEAR_ALL</div> </div> <div class="history_btn"> </div> </div> <div class="search_bar_menu" id="searchMenu" aria-hidden="true"> <div class="searchMenu-warpper"> <div class="sw-result"> <p class="title">Recommendations</p> <ul class="search_bar_menu_linklist search-list-box"> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="7">Artist Pro 16 (2세대) </span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="10">Deco Pro MW/LW/XLW(2세대) </span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="8">Artist Pro 14 (2세대) </span> <span class="module_bag_hot_show">HOT</span> </li> <li class="search_input search_bar_menu_link " data-id="4">Artist 16 (2세대)</li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="5">Artist 22 (2세대)</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="search_input search_bar_menu_link " data-id="6">Artist 12 (2세대)</li> <li class="search_input search_bar_menu_link " data-id="9">Artist 24 FHD </li> </ul> </div> <div class="sw-history"> <p class="history-title">검색 기록</p> <ul class="search_bar_menu_linklist search_history"> </ul> </div> </div> </div> </form> </div> <script> var swiper = new Swiper(".mySwiper", { slidesPerView: 2, spaceBetween: 9, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <script> $(function () { $('#searchInput').bind('input propertychange', debounce(ajaxGetSearchResult,300,false)); function debounce (fn, delay, immediate) { var timer = null; immediate = immediate || false; return function() { var context = this; var args = arguments; timer && clearTimeout(timer); if (immediate) { var callbackNow = !timer; timer = setTimeout(() => { timer = null; }, delay); callbackNow && fn.apply(context, args); } else { timer = setTimeout(() => { fn.apply(context, args); }, delay); } } } function ajaxGetSearchResult(){ $.ajax({ url: _ROOT_+"search/ajaxGetSearchWord", type: "get", dataType: "json", data: { "keyword": $('#searchInput').val() }, success: function (data) { let searchData = data.data let source = '' if(searchData?.recommend_keyword){ for (let i = 0; i < searchData.goods_list.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData.goods_list[i].goods_name}" data-url="${searchData.goods_list[i].buy_url}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData.goods_list[i].goods_name}</a> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = $(this).attr('data-url'); }) }else{ for (let i = 0; i < searchData.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData[i]}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData[i]}</span> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).attr('data-search'); }) } KeyWordExpHwTag(); return true; } }) } }) $('#searchInput').bind('keydown', function (event) { if (event.keyCode == "13") { if ($(this).val() != 'undefined') { let search_key = $(this).val(); updatePubAttr({ "key_word": search_key, "key_word_type": "direct_words", "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type": "direct_words", }); localStorage['SearchResults'] = JSON.stringify({ "key_word" : search_key, "key_word_type" : "direct_words", "result_number" : 0, }); store_search_history(search_key); } } }) $('.search_form_input .close-icon').click(function(){ $('#searchMenu').animate({height:"0"},300,function () { $(this).hide() $('.search-warpper').hide() $('#searchMenu').height('auto') $('.search_bar_menu').attr('aria-hidden', true); }) $('body').off('click'); }) function base64Encode(str) { return btoa(encodeURIComponent(str)); } function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); }; return null; } // if (window.location.pathname == '/search/index.html') { // console.log("nononononono") // $('#searchInput').val("") // } function searchKeywordsHwTag($this){ try { var key_word_type; var parentUl = $this.closest('ul'); if(parentUl.attr('class').includes('search_history')) { key_word_type = 'history_words'; }else{ key_word_type = 'related_words'; } let key_word = $this.text().trim(); updatePubAttr({ "key_word": key_word, "key_word_type" : key_word_type, "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'SearchKeywords', { "key_word": key_word, "key_word_type" : key_word_type, }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : $this.text().trim(), 'key_word_type' : 'related_words', 'result_number' :1 }); } catch (e) { console.log(e.message); } } function KeyWordExpHwTag(){ try { let eventParam = []; $("ul.search-list-box li").each(function () { eventParam.push({ "key_word": $(this).find('.search_input').text().trim().replace(/\n/g, '') , "key_word_type":"recommend_words" , "key_word_number": $(this).index()+1 , }); }); $(".search_input").each(function () { let key_word = $(this).find('.search_bar_menu_link').text().trim().replace(/\n/g, ''); if(key_word){ eventParam.push({ "key_word": key_word , "key_word_type":"history_words" , "key_word_number": $(this).index()+1 , }); } }); console.log(eventParam); updatePubAttr({ "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'KeyWordExp', eventParam); }catch (e){ console.log(e.message); } } </script> </div> </div>  <style type="text/css">/* uk_laba */ .xp17_kr_tk{width: 100%;margin: 0 auto; background: #fff;} .xp23_kr_tk{display:none;} #uk_laba {max-width: 1200px;margin: 0 auto;display: flex;align-items: center;padding: 8px 0;font-size: 18px;justify-content: inherit;} #uk_laba img{width: 41px;margin-right: 8px;} #uk_laba .uk_laba_p{color: #000;font-size: 16px;font-weight:bold;line-height: 1.5;margin: 0;padding: 0; margin-right: 15px;text-decoration: none;text-align: left;} #uk_laba .uk_laba_p span{color: #E74343;font-size: 14px} #uk_laba .uk_laba_p a{color: #00A0E9;font-size: 14px;font-weight:500;text-decoration: none;} @media screen and (max-width: 480px ){ #uk_laba{font-size: 12px} #uk_laba .uk_laba_p {font-size: 12px;margin-right: 10px;} /*#uk_laba .uk_laba_p span {font-size: 14px;}*/ #uk_laba .uk_laba_p a {font-size: 12px;} #uk_laba img {width: 30px;} #uk_laba .uk_laba_p span{font-size: 12px;} } #store_countdown{width: 100%;height: auto;background: #1549B7;position: relative;} #store_ctd{max-width: 1200px;margin: 0 auto; position: relative; text-align: center; font-weight: bold; font-size: 16px;color: #fff;padding: 10px 30px 10px 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;} #store_ctd .store_day, #store_ctd .store_h, #store_ctd .store_m, #store_ctd .store_s {padding: 0 4px;} #store_ctd img{width: 35px;margin-right: 8px;} #store_ctd .store_day{padding-left: 10px;} #store_ctd i{font-size: 16px;font-weight: bold;cursor: pointer; color: #fff;line-height: 1;position: absolute;top: 50%;right: 10px;transform: translate( 0%, -50%);z-index: 3;} #eu_ny21_cd{margin-left: 4px;margin-right: 4px;}</style><div class="xp17_kr_tk xp23_kr_tk"><div id="uk_laba"><img src="https://resource.xp-pen.com/Uploads/home_images/uk/other/lb.png" alt="image"/><div class="uk_laba_p"><span class=""> 추석 휴무 안내:  9월29~10월3일 휴무, 10월4일 ~10월6일까지는 내부 시스템 점검으로 인해 카톡 1:1상담 서비스는 일시 중단됩니다. 이용에 불편을 드려 죄송합니다. <br/> 9월29일 ~10월6일에 연락 주신 건은 10월7일부터 순차적으로 처리됩니다. 이 동안 상담 필요하시면 아래 메일 주소로 연락 부탁드립니다.<br/> 주문 (결제) 문의 : <a href="mailto:shopkr@xp-pen.com">shopkr@xp-pen.com</a>    제품 (A/S) 문의 : <a href="mailto:servicekr@xp-pen.com">servicekr@xp-pen.com</a><br/></span></div></div></div><script> $(function () { var oNoHis23 = 1683129599 ;//结束时间戳 2023-05-03 23:59:59 var startoNoHis23 = 1682870400;//开始时间戳2023-05-01 00:00:00 var timestamp23 = _NOW_TIME; //服务器返回的时间 var intDiff23 = parseInt(oNoHis23 - timestamp23);//倒计时总秒数量 function timer(intDiff23){ if ((startoNoHis23 >timestamp23) || (timestamp23 > oNoHis23)) { //Finish //$(".xp23_kr_tk").hide(); clearInterval(down_timer23);//倒计时结束，清除倒计时 } else { //start //$(".xp23_kr_tk").show(); } } var down_timer23 = setInterval(function () { timer(intDiff23); intDiff23--; timestamp23++; }, 1000); })</script>  </header> <div class="shop-drawer-warpper"> <div class="mask"> </div> <div class="shop-drawer"> <div class="drawer"> <div class="drawer-title"> <div class="dt"> Shopping Cart <span class="icon-colose iconfont"></span> </div> </div> <div class="drawer-container"> <div class="drawer-warpper"> </div> <div class="drawer-pay"> <div class="total"> <p> </p> <div class="price"> <p class="discount"></p> <p class="actual"></p> </div> </div> </div> </div> </div> </div> </div> <div class="" id="store_SiteSwitchMask"></div> <div id="store_SiteSwitch"> <div class="SS_el-dialog new_Year_star0"> <div class="SS_el-dialog_icon"><i class="iconfont icon-colose "></i></div> <div class="SS_el-dialog_tit"> 국가 또는 지역을 선택하십시오</div> <div class="SS_el-dialog_region">  </div> </div> </div> <script async src="/newxp/static2024/js/index/header.js?ver=202411222"></script> <script src="/newxp/static2024/js/index/lazy.js?ver=202411222"></script> <script src="/newxp/static2024/js/ziyon/jquery.raty.min.js?ver=202411222"></script> <script> var flat = true var announcementBarSwiper = new Swiper('.navbar_header1 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) var announcementBarSwiper2 = new Swiper('.navbar_header2 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) if (_LANG_ != 'jp') { // 评论置顶 $(window).on('scroll', function () { var windowscrollWidth = $(window).width(); if (windowscrollWidth > 768) { if ($(window).scrollTop() <= 136) { $('.navbar_header2').css('position', 'relative') $('.navbar_header2').css('display', 'none') flat = true $($('.shownavcart')[1]).parents('.navbar_right_cart').removeClass('open') } else if ($(window).scrollTop() > 136) { $('.navbar_header2').css('display', 'block') $('.navbar_header2').css('position', 'fixed') $('.navbar_header2').css('z-index', '999') $('.navbar_header2').css('top', '0') $('.navbar_header2').css('overflow', 'visible') flat = false $($('.shownavcart')[0]).parents('.navbar_right_cart').removeClass('open') }}});} </script> <script type="text/javascript" charset="utf-8"> $(function () { const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 768) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() $(document).on("click", ".SS_el-dialog_icon i", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch .SS_el-dialog", function (e) { e.stopPropagation();//阻止事件冒泡即可 }); $(document).on("click", ".jump2site", function (e) { var urls = $(this).attr('data-url'); urls = urls.split(','); newsetCookie('user_select', 1); newsetCookie('select_jump', urls[0]); window.parent.location = urls[0] + "?user_select=1"; }); $('.form-select').click(function () { if (this.value === 'change-site') { this.options[0].selected = true; selectSite(); } }); $(document).on("click", ".countryLanguageSelectOpen", function () { selectSite(); }); $(document).on("click", ".nation-select", function () { selectSite(); }); $(document).on("click", ".header-word-waprrer .hww-warpper .location-select", function () { selectSite(); }); $('.navbar_header-nation .nation-close').click(function () { $('.navbar_header-nation').hide() localStorage.setItem('ip_pop',1) }) if(localStorage.getItem('ip_pop')!=1){ $('.navbar_header-nation').css('display','flex') } function selectSite() { var index = layer.load(1); $.ajax({ type: "POST", url: 'https://www.storexppen.kr/index/selectsite.html', //+tab,"/index/selectSite" data: { action: "json" }, dataType: "json", success: function (data) { layer.close(index); var workHtml = ""; var workul = ""; $.each(data, function (index, value) { workHtml += '<div class="SS_el-dialog_country">' + '<div class="SS_el-dialog_cytit">' + value.fullname + '</div>' + '<ul class="SS_el-dialog_country_list" >' $.each(value.child, function (index1, value1) { workHtml += '<li class="SS_el-dialog_cylist"><span class="jump2site" data-url="' + value1.jump_url + '"><span> ' + value1.title + '</span><span></span>' + '</span></li>' }); workHtml += '</ul>' + '</div>'; }); $("#store_SiteSwitch .SS_el-dialog_region").html(workHtml); $("#store_SiteSwitchMask").show(); $("#store_SiteSwitch").fadeIn(300); $('html').addClass('sitebodyhidee'); } }); } var initSearshList = $('.search-list-box').html() let initsbmHeight = '' let searchMenu = document.getElementById('searchMenu'); $('.menu-search .iconfont').click(function () { if(localStorage.getItem('xppen/search_history')!=null){ if(JSON.parse(localStorage.getItem('xppen/search_history')).length==0){ $('#searchMenu .history-title').hide() initsbmHeight='' }else{ $('#searchMenu .history-title').show() } }else{ initsbmHeight='' $('#searchMenu .history-title').hide() } $('.navbar_header .search-warpper').show() $('.search_bar_menu').attr('aria-hidden', false); $('.search_bar_menu').show() if($('.search_bar_menu_linklist li').length<=5){ let sbmHeight = '300px'; }else{ let sbmHeight = $('.search_bar_menu').height(); } if(initsbmHeight==''){ if($('.search_bar_menu_linklist li').length<=5){ initsbmHeight = '300px'; }else{ initsbmHeight = $('.search_bar_menu').height(); } } $('#searchInput').val('') $('.search-list-box').html(initSearshList) $('.search_bar_menu').height('0px').animate({ height: initsbmHeight!=''?initsbmHeight:sbmHeight }, 300); setTimeout(function(){ $('body').click(function(e){ if(!JSON.parse($('.search_bar_menu').attr('aria-hidden'))){ if(!document.querySelectorAll('.navbar_header-warpper')[0].contains(e.target)){ $('.search_form_input .close-icon').click() } } }) },400) $('.search_bar_menu_link').click(function () { SearchKeywordsHwTag($(this)); var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) }) $('.search_bar_menu_link').click(function () { var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) let url = window.location.href if (url.indexOf('?user_select=1') !== -1) { url = url.replace('?user_select=1', '') window.history.pushState({}, '', url) } function SearchKeywordsHwTag($this){ let search_key = $this.html() if($this.closest('ul').hasClass('search_history')){ updatePubAttr({ "key_word": search_key, "key_word_type" : 'history_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }) hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'history_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'history_words', 'result_number' :0 }); }else{ updatePubAttr({ "key_word": search_key, "key_word_type" : 'recommend_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'recommend_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'recommend_words', 'result_number' :0 }); } } }); </script> <script> $(function () { renew_cart_list() $('#mobile_navtoggle .navbar-toggler').click(function(){ $('.navbarToggleExternalContent-warpper').find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) }) $('.navbar_header .nw-category-title').hover(function () { if (!$(this).parent().parent().hasClass('nw-category-item-active')) { $('.navbar_header .nw-category-item').each(function () { $(this).removeClass('nw-category-item-active') }) $(this).parent().parent().addClass('nw-category-item-active') } }) $('.navbar_header .navbar-menu .navbar-menu-list').hover(function () { $(this).find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) $($(this).find('.nw-category-item')[0]).addClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(180deg)') $(this).find('.nml-category-mask').fadeIn() if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'320px'},350,function(){ $(this).find('.nnc-container').fadeIn(800) }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'600px'},350,function(){ $(this).find('.nml-warpper').fadeIn(800,function(){ $(this).css('display','flex') }) }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('left',$(this).offset().left -50) $(this).find('.nml-item-warpper .nml-item').css('display','flex') } }, function () { $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nnc-container').hide() $(this).parent().hide() }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nml-warpper').css('display','none') $(this).parent().hide() }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('display','none') } }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $(window).scroll(function() { if($(window).width()>1024){ $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') $(this).find('.nml-category-mask').hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').parent().hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').parent().hide() } }); let height = $('.navbar_header').height() $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) $('#collapsibleNavbar').on('show.bs.collapse', function () { $("body").css({"overflow":"hidden","height":`calc(${window.innerHeight}px - ${height}px)`}) $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) }).on('hide.bs.collapse', function () { $("body").css({ "overflow": "auto", "height": "auto" }) }); $('.shop-drawer-warpper .mask').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.shop-drawer .icon-colose').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.moblie-menu .mei-title').click(function (e) { $($(this).parent().find('.mei-warpper-content')[0]).toggle() }) $('.moblie-menu .mwc-title').click(function (e) { $(this).parent().find('.mei-warpper-content').toggle() }) $('.header-word-waprrer .toggle-word').click(function(){ $(this).parent().find('.hww-warpper').toggle() }) if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } } window.addEventListener('resize',function() { if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }); $('.navbar-menu-waprrer .left-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: '0' }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') }) }) $('.navbar-menu-waprrer .right-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: $('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth - $('.navbar-menu-waprrer .navbar-menu')[0].clientWidth }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') }) }) var before_request = 1; function renew_cart_list() { let cartRoter = [_ROOT_ + 'cart/index.html', _ROOT_ + 'Cart/index', _ROOT_ + 'Cart/index.html', _ROOT_ + 'cart/index'] $.ajax({ type: "POST", url: _ROOT_ + "Cart/getCart",//+tab, data: { "selected": 0, "selectedPrice": 0, "cart_page": cartRoter.includes(_ROOT_.includes('https') ? 'https://' + window.location.host + window.location.pathname : window.location.pathname) ? 1 : 0 },// 你的formId success: function (data) { $(".drawer-container").html(''); $(".drawer-container").append(data); } }); } $(window).on('scroll', function () { $('.hww-warpper').hide() }) $('body').click(function(e) { if ($('.word-waprrer .hww-warpper').css('display') != 'none') { console.log(e.target) if(document.querySelectorAll('.word-waprrer').length>0){ if(!document.querySelectorAll('.word-waprrer')[0].contains(e.target)){ $('.word-waprrer .hww-warpper').hide() } } } if ($('.dollar-waprrer .hww-warpper').css('display') != 'none') { if(document.querySelectorAll('.dollar-waprrer').length>0){ if(!document.querySelectorAll('.dollar-waprrer')[0].contains(e.target)){ $('.dollar-waprrer .hww-warpper').hide() } } } }); }); </script> <script type="text/javascript" charset="utf-8"> var oss_host = 'https://resource.xp-pen.com'; var _OSS_STATIC_ = oss_host + '/newxp/static/'; var isSupportWebp; (function (doc, _this) { var image = new Image(); image.onload = function () { if (image.width === 1) { document.documentElement.classList.add('webp'); isSupportWebp = 1; } else { isSupportWebp = 0; } }; image.src = "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="; })(document); function webpFormat(file) { if (isSupportWebp) { if (file.indexOf(oss_host) !== -1) { return file.replace(/\.[^.]+$/, '.webp'); } } return file; } </script> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/goods_style.css"/> <style> .new_select_content{ justify-content: right; padding-right: 20px; } </style> <div class="crumbs ellipsis" id="crumbs"> <a href="https://www.storexppen.kr" aria-label="link">홈</a> <span>/</span> <span style="color: rgba(0,0,0,1);">펜심</span> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"홈","item":"https://www.storexppen.kr"},{"@type":"ListItem","position":2,"name":"펜심","item":""}]}</script><style> .crumbs a:hover{ color: rgba(0,0,0,1); } </style> <style> body{ margin: 0 auto; } .l1 .swiper-wrapper { width: 100%; /*height: 800px;*/ } .l1 .swiper-pagination-bullet-active { background: white; } .swiper-slide img{ width: 100%; transition: all 0.3s ease-in-out; margin: auto; } @media screen and (max-width: 1425px) { .l1 .swiper-wrapper { width: 100%; /*height: 25rem;*/ } } @media (min-width: 1025px) { .swiper-slide img{ height: auto; object-fit: cover; /*display: block;*/ } } @media (max-width: 1024px) { .swiper-slide img{ height: auto; object-fit: cover; /*display: block;*/ } } @media screen and (max-width: 650px) { .l1 .swiper-wrapper { width: 100%; /*height: 20rem;*/ } } </style> <script> var home_swiper1 = new Swiper('.l1 #home_swiper1', { //初始化Swiper autoplay: { //自动切换 delay: 3000, stopOnLastSlide: false, disableOnInteraction: false, }, navigation: { nextEl: '#swiper-button-next', prevEl: '#swiper-button-prev' }, pagination: { //分页器 el: '.home_pagination1', clickable: true, }, spaceBetween: 10, autoHeight: true,//高自动 centeredSlides: true, // loop: true, resizeReInit: true, grabCursor: true, }) </script> <style> .sub-navigation { position: relative; /* padding: 0 100px; */ margin-bottom: 64px; } .goods-series-list .gsl-warpper .bq_h2{ font-size: 18px; } .sub-navigation .sn-title { text-align: center; margin: 64px 0 16px; font-weight: 700; font-size: 32px; color: rgba(0, 0, 0, 0.88); line-height: 32px; } .sub-navigation .swiper-wrapper { /* justify-content: center; */ position: relative; /* overflow: hidden; */ } .sn-swiper { position: relative; overflow: hidden; padding: 0 60px; } .sn-swiper .swiper-button-prev, .sn-swiper .swiper-button-next { background-image: none; width: 40px; height: 40px; text-align: center; line-height: 36px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; cursor: pointer; } .sn-swiper .swiper-button-prev .iconfont, .sn-swiper .swiper-button-next .iconfont { font-size: 24px; } .sn-swiper .snss-waprrer { width: 100%; padding-top: 100%; position: relative; border-radius: 16px; } .sn-swiper .snss-waprrer .snss-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 16px; width: 100%; height: 100%; background: #FAFAFA; border-radius: 16px; } .sn-swiper .snss-waprrer .snss-img img { margin-bottom: 16px; background: #FAFAFA; border-radius: 16px; } .sn-swiper .snss-title { font-weight: 700; font-size: 16px; color: #000000; line-height: 24px; text-align: center; margin-top: 16px; } .sn-swiper .swiper-slide { cursor: pointer; } .sn-swiper .swiper-slide-select .snss-img { border: 1px solid #FFB285 !important; } .sn-swiper .swiper-slide-select .snss-title { color: #E65A09; } .sn-swiper .snss-title { text-align: center; } .sn-swiper .swiper-slide:hover .snss-img { border: 1px solid rgba(0, 0, 0, 0.2); } .bq_h2 { margin-bottom: 0; } .gsl-warpper { display: flex; align-items: center; justify-content: space-between; } #home_swiper1 .swiper-slide a { height: auto !important; width: 100%; } .l1 .swiper-wrapper { height: auto !important; } .l1 { padding: 0 32px; border-radius: 24px; } .l1 .swiper-wrapper img { border-radius: 24px; width: 100%; } .l1 { width: 100%; } @media screen and (min-width: 1919px) { .l1 { /* padding: 0 calc((100% - 1616px) /2); */ width: 1616px; padding: 0; margin: 0 auto; } #home_swiper1 .swiper-slide a { height: auto !important; width: 1616px; } } @media screen and (max-width:1024px) { .sub-navigation { margin-bottom: 0; } .l1 { padding: 0; border-radius: 0; } .l1 .swiper-wrapper img { border-radius: 0; } .sub-navigation .sn-title { margin: 24px 0 16px 0; font-weight: 700; font-size: 18px; color: rgba(0, 0, 0, 0.88); line-height: 27px; } .sn-swiper .swiper-slide { flex-direction: column; } .sub-navigation .swiper-wrapper { overflow: visible; } .sn-swiper { padding: 0 48px; } .sn-swiper .swiper-button-prev, .sn-swiper .swiper-button-next { width: 32px; height: 32px; line-height: 28px; } .sn-swiper .swiper-button-prev .iconfont, .sn-swiper .swiper-button-next .iconfont { font-size: 18px; } .goods-series-list .gsl-warpper .bq_h2 { display: none; } .new_select_content { width: 100%; flex-wrap: wrap; justify-content: space-between; } .new_select_content .filter-button { width: 100%; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 20px; margin-right: 0; display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 16px; color: rgba(0, 0, 0, 0.88); line-height: 24px; } .new_select_content .juz { position: static; } .sub-navigation { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 16px; } .sn-swiper .snss-title { font-size: 12px; } .butouy_2 .productLabel { left: 8px; } .butouy_2 .productLabel .labels { margin: 0; } .pages ul .active { display: inline !important; } .pages li { border-bottom: 0; } } .pages { background-color: #fff; } </style> <script> var snSwiper = new Swiper('.sn-swiper', { slidesPerView: 7, spaceBetween: 16, // centeredSlides: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, breakpoints: { 1024: { //当屏幕宽度大于等于1280 slidesPerView: 2, } }, on: { click: function (e) { if (this.clickedSlide) { if ($(this.clickedSlide).hasClass('swiper-slide-select')) { $('#tag_list').find('input[name="sub_cat_id"]').remove() $(this.clickedSlide).removeClass('swiper-slide-select'); } else { $('.sn-swiper .swiper-slide').removeClass('swiper-slide-select'); $(this.clickedSlide).addClass('swiper-slide-select'); $('#tag_list').find('input[name="sub_cat_id"]').remove() $('#tag_list').append('<input type="hidden" name="sub_cat_id" value="' + $(this.clickedSlide).data('id') + '">'); } ajaxFilterGoods(); } }, init: function () { if ($('.sn-swiper .swiper-slide').length < 7 && $(window).width() >= 1024) { $('.sub-navigation .swiper-wrapper').css('justify-content', 'center') } else { $('.sub-navigation .swiper-wrapper').css('justify-content', ' flex-start') } } }, }) if (home_swiper1 && home_swiper1.slides?.length <= 1) { home_swiper1.autoplay.stop(); home_swiper1.pagination.el.style.display = 'none'; } if ($(window).width() > 1024) { if (snSwiper && snSwiper.slides?.length <= 7) { $('.sn-swiper .swiper-button-prev').hide() $('.sn-swiper .swiper-button-next').hide() } } if ($(window).width() <= 1024) { if (snSwiper && snSwiper.slides?.length <= 2) { $('.sn-swiper .swiper-button-prev').hide() $('.sn-swiper .swiper-button-next').hide() } } window.addEventListener('resize', function () { console.log('resize') if ($('.sn-swiper .swiper-slide').length < 7 && $(window).width() >= 1024) { $('.sub-navigation .swiper-wrapper').css('justify-content', 'center') } else { $('.sub-navigation .swiper-wrapper').css('justify-content', ' flex-start') } }); </script> <div class="homepage_1"> <div> <div class="goods-series-box">    <div class="goods-series-list" id="Anchor_Product_List" style="width: 100% !important;" > <div class="gsl-warpper"> <h1 class="bq_h2">펜심</h1> <div class="new_select_content"> <div class="new_select_item"> <div class="new_select_price_sort"> Show By： <div class="sortbutton" data-open="flase"> <span class="sort_list_val"> 기본 </span> <i class="iconfont icon-arrow-down"></i> </div> </div> <div class="value-picker" id="sort-by-selector"> <span class="new_select_Triangle"></span> <div class="new_select_Sort"> <div data-value="default" class="new_select_Sortlist Sort_Selected" > 기본 <i class="iconfont icon-a-icon1x-35"></i> </div> <div data-value="asc" class="new_select_Sortlist " > 낮은가격순 <i class="iconfont icon-a-icon1x-35"></i></div> <div data-value="desc" class="new_select_Sortlist " > 높은가격순<i class="iconfont icon-a-icon1x-35"></i></div> </div> </div> </div> <div class="juz"><i class="iconfont icon-layout-list-1"></i></div> </div> </div> <div class="mobile-element"></div>  <div id="product_list"> <style> @media screen and (max-width: 576px){ .col-xs-12{ width: 50%; padding: 0 10px; } .star-list{ display: block; } } </style> <script> var google_goods_data = [{"item_id":241,"item_name":"Magic Drawing Pad \ud39c\uc2ec <\ud574\uc678\ubc30\uc1a1>","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"13800.00","item_variant":"\uc635\uc158:\ud39c\uc2ec \uc218\ub7c9:<20\uac1c>"},{"item_id":242,"item_name":"\ud39c\uc2ec[X3 Pro \uc2ac\ub9bc \uc2a4\ud0c0\uc77c\ub7ec\uc2a4\uc6a9]","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"15900.00"},{"item_id":210,"item_name":"AC102 \ud39c\uc2ec","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"11900.00","item_variant":"\uc218\ub7c9:<20\uac1c>"},{"item_id":179,"item_name":"\ud3a0\ud2b8 \ud39c\uc2ec<\uad6d\ub0b4\ubc30\uc1a1>","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"9900.00","item_variant":"\uc218\ub7c9:<10\uac1c>"},{"item_id":133,"item_name":"AC95 \ud39c\uc2ec<\uad6d\ub0b4\ubc30\uc1a1>","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"9900.00"},{"item_id":111,"item_name":"AC40 \ud39c\uc2ec<\uad6d\ub0b4\ubc30\uc1a1>","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"9900.00"},{"item_id":49,"item_name":"AC04 \ud39c\uc2ec","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"9900.00"},{"item_id":109,"item_name":"SPE39 \ud39c\uc2ec","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"12000.00","item_variant":"Pen:Artist 22E Pro,Artist 22 Pro \ud39c\uc2ec"},{"item_id":99,"item_name":"AC60 \ud39c\uc2ec<\uad6d\ub0b4\ubc30\uc1a1>","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"9900.00"},{"item_id":105,"item_name":"P05R \ud39c\uc2ec<\uad6d\ub0b4\ubc30\uc1a1>","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"11000.00","item_variant":"\uc218\ub7c9:<50\uac1c>"},{"item_id":87,"item_name":"NotePlus \uc804\uc6a9\ud39c \ud39c\uc2ec <\ud574\uc678\ubc30\uc1a1>","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","price":"12000.00"}]; if(google_goods_data){ if(typeof gtag !== 'undefined'){ gtag('event', 'view_item_list', { "items": google_goods_data, }); } } </script> <div class="butouy_1"> <ul class="row butouy-row" style="margin-right: 0;margin-left: 0;border-top: 1px solid #e3e7ea"> <li class="commodity_1 butouy-commodity" data-goods-id='241' data-goods-name='Magic Drawing Pad 펜심 <해외배송>' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="productLabel"> <div class="labels newLabel">NEW</div> </div> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/241.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh_500_500.png" src="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh_500_500.png" width="500" alt="image" /> <img class="lazy hover_img" style="display: none" width="600px" height="600px" data-original="https://resource.xp-pen.com/Uploads/goods/20241016/GERdohFUrV3mBJhAfDLM_600_600.png" alt="image" > </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/241.html">Magic Drawing Pad 펜심 <해외배송></a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿X3 Pro Magic Drawing Pad 전용✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='13800.00'>₩13,800</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/241.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='242' data-goods-name='펜심[X3 Pro 슬림 스타일러스용]' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="productLabel"> <div class="labels newLabel">NEW</div> </div> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/242.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20241018/BDFIGOKj3sdjmNqS9Umx_500_500.png" src="https://resource.xp-pen.com/Uploads/goods/20241018/BDFIGOKj3sdjmNqS9Umx_500_500.png" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/242.html">펜심[X3 Pro 슬림 스타일러스용]</a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿X3 Pro 슬림 스타일러스 전용✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='15900.00'>₩15,900</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/242.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='210' data-goods-name='AC102 펜심' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/210.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231120/3bf266fac573ac3792fe4fcd174a93a4_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231120/3bf266fac573ac3792fe4fcd174a93a4_500_500.jpg" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/210.html">AC102 펜심</a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Artist Pro16 2(세대)/14 2(세대)/22 Plus , Artist 12 (2세대), Artist 16 2세대, Artist 16 Pro, Deco Pro MW/LW/XLW, Deco LW/L/MW/M 적용✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='11900.00'>₩11,900</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/210.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='179' data-goods-name='펠트 펜심<국내배송>' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/179.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/b5eb94d7d5edb0e6e1832744c117033f_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/b5eb94d7d5edb0e6e1832744c117033f_500_500.jpg" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/179.html">펠트 펜심<국내배송></a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Artist 22 Plus /Artist 16 Pro 2세대 / Artist 14 Pro 2세대/ Artist 16 2(세대)/Artist 12 2(세대) / Artist Pro 16/ Deco L&LW, M&MW, Deco Pro 2 세대에 적용✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='9900.00'>₩9,900</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/179.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='133' data-goods-name='AC95 펜심<국내배송>' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/133.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b_500_500.jpg" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/133.html">AC95 펜심<국내배송></a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Artist 22(2세대),Artist 24 QHD, Innovator 16 적용✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='9900.00'>₩9,900</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/133.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='111' data-goods-name='AC40 펜심<국내배송>' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/111.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/da2a4743fba85c32f42f7f2e140ecd8b_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/da2a4743fba85c32f42f7f2e140ecd8b_500_500.jpg" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/111.html">AC40 펜심<국내배송></a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Artist Pro 16TP ,Artist 12, StarG960/ G960s/ G960s Plus,Deco02적용✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='9900.00'>₩9,900</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/111.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='49' data-goods-name='AC04 펜심' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/49.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635_500_500.jpg" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/49.html">AC04 펜심</a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Star430s, StarG640, StarG640s, Deco01 V2/V3, Deco03, Deco mini, Deco Fun, Deco 640, Artist 15.6에 적용✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='9900.00'>₩9,900</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/49.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='109' data-goods-name='SPE39 펜심' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/109.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e_500_500.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e_500_500.png" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/109.html">SPE39 펜심</a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Artist22 Pro,22E Pro용, 50매✿</object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='12000.00'>₩12,000</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/109.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='99' data-goods-name='AC60 펜심<국내배송>' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/99.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/2c21029b8522f07dbb46e90752f9dd1e_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/2c21029b8522f07dbb46e90752f9dd1e_500_500.jpg" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/99.html">AC60 펜심<국내배송></a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Deco Pro,Artist 12 Pro,Artist 13.3Pro,Artist 15.6Pro,Artist22R Pro,Artist 24Pro 적용✿ </object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='9900.00'>₩9,900</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/99.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='105' data-goods-name='P05R 펜심<국내배송>' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/105.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20240702/T1PE1eCnHpMVGx8K55cM_500_500.jpg" src="https://resource.xp-pen.com/Uploads/goods/20240702/T1PE1eCnHpMVGx8K55cM_500_500.jpg" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/105.html">P05R 펜심<국내배송></a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿Artist 24 FHD적용✿ </object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='11000.00'>₩11,000</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/105.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> <li class="commodity_1 butouy-commodity" data-goods-id='87' data-goods-name='NotePlus 전용펜 펜심 <해외배송>' data-item-list-name="펜심" data-item-list-id="14" data-item-price=''> <div class="list_content"> <p class="tu_1"><a href="https://www.storexppen.kr/buy/87.html" class="lc-a"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20220323/41df237e750cbd85f53e9f782b4c264e_500_500.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20220323/41df237e750cbd85f53e9f782b4c264e_500_500.png" width="500" alt="image" /> </a></p> <div class="min_z"> <h2 class="min_zhi1_1"> <a href="https://www.storexppen.kr/buy/87.html">NotePlus 전용펜 펜심 <해외배송></a></h2> <p class="min_zhi2_1"><object style="height: 0;">✿10매✿<br/></object></p> <div class="w100 w100-flex"> <div style="padding: 8px 0;line-height: 24px;"> <span class="price" data-item-price='12000.00'>₩12,000</span> </div> <br> <a class="lc-buy" href="https://www.storexppen.kr/buy/87.html"> <i class="iconfont icon-shopping-cart"></i> </a> </div>  </div> </div> </li> </ul> </div>  <div class="butouy_2"> <ul class="butouy_2_content butouy_2_vertical "> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/241.html" aria-label="link"> <div class="productLabel"> <div class="labels newLabel">NEW</div> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh_500_500.png" src="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh_500_500.png" width="500" alt="image" /> <img class="lazy hover_img" style="display: none" width="600px" height="600px" data-original="https://resource.xp-pen.com/Uploads/goods/20241016/GERdohFUrV3mBJhAfDLM_600_600.png" alt="image" > </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/241.html" aria-label="link">Magic Drawing Pad 펜심 <해외배송></a></div> <div class="butouy_2_right_guige"> <div>✿X3 Pro Magic Drawing Pad 전용✿</div> </div> <div class="butouy_2_right_price"> ₩13,800 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/242.html" aria-label="link"> <div class="productLabel"> <div class="labels newLabel">NEW</div> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20241018/BDFIGOKj3sdjmNqS9Umx_500_500.png" src="https://resource.xp-pen.com/Uploads/goods/20241018/BDFIGOKj3sdjmNqS9Umx_500_500.png" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/242.html" aria-label="link">펜심[X3 Pro 슬림 스타일러스용]</a></div> <div class="butouy_2_right_guige"> <div>✿X3 Pro 슬림 스타일러스 전용✿</div> </div> <div class="butouy_2_right_price"> ₩15,900 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/210.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231120/3bf266fac573ac3792fe4fcd174a93a4_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231120/3bf266fac573ac3792fe4fcd174a93a4_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/210.html" aria-label="link">AC102 펜심</a></div> <div class="butouy_2_right_guige"> <div>✿Artist Pro16 2(세대)/14 2(세대)/22 Plus , Artist 12 (2세대), Artist 16 2세대, Artist 16 Pro, Deco Pro MW/LW/XLW, Deco LW/L/MW/M 적용✿</div> </div> <div class="butouy_2_right_price"> ₩11,900 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/179.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/b5eb94d7d5edb0e6e1832744c117033f_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/b5eb94d7d5edb0e6e1832744c117033f_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/179.html" aria-label="link">펠트 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist 22 Plus /Artist 16 Pro 2세대 / Artist 14 Pro 2세대/ Artist 16 2(세대)/Artist 12 2(세대) / Artist Pro 16/ Deco L&LW, M&MW, Deco Pro 2 세대에 적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/133.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/133.html" aria-label="link">AC95 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist 22(2세대),Artist 24 QHD, Innovator 16 적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/111.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/da2a4743fba85c32f42f7f2e140ecd8b_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/da2a4743fba85c32f42f7f2e140ecd8b_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/111.html" aria-label="link">AC40 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist Pro 16TP ,Artist 12, StarG960/ G960s/ G960s Plus,Deco02적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/49.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/49.html" aria-label="link">AC04 펜심</a></div> <div class="butouy_2_right_guige"> <div>✿Star430s, StarG640, StarG640s, Deco01 V2/V3, Deco03, Deco mini, Deco Fun, Deco 640, Artist 15.6에 적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/109.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e_500_500.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e_500_500.png" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/109.html" aria-label="link">SPE39 펜심</a></div> <div class="butouy_2_right_guige"> <div>✿Artist22 Pro,22E Pro용, 50매✿</div> </div> <div class="butouy_2_right_price"> ₩12,000 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/99.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/2c21029b8522f07dbb46e90752f9dd1e_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/2c21029b8522f07dbb46e90752f9dd1e_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/99.html" aria-label="link">AC60 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Deco Pro,Artist 12 Pro,Artist 13.3Pro,Artist 15.6Pro,Artist22R Pro,Artist 24Pro 적용✿ </div> </div> <div class="butouy_2_right_price"> ₩9,900 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/105.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20240702/T1PE1eCnHpMVGx8K55cM_500_500.jpg" src="https://resource.xp-pen.com/Uploads/goods/20240702/T1PE1eCnHpMVGx8K55cM_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/105.html" aria-label="link">P05R 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist 24 FHD적용✿ </div> </div> <div class="butouy_2_right_price"> ₩11,000 <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/87.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20220323/41df237e750cbd85f53e9f782b4c264e_500_500.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20220323/41df237e750cbd85f53e9f782b4c264e_500_500.png" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/87.html" aria-label="link">NotePlus 전용펜 펜심 <해외배송></a></div> <div class="butouy_2_right_guige"> <div>✿10매✿<br/></div> </div> <div class="butouy_2_right_price"> ₩12,000 <br> </div> </div> </li> </ul> <div class="butouy_2_content butouy_2_horizontal active"> <ul class="butouy_2_horizontal_ul"> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/241.html" aria-label="link"> <div class="productLabel"> <div class="labels newLabel">NEW</div> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh_500_500.png" src="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh_500_500.png" width="500" alt="image" /> <img class="lazy hover_img" style="display: none" width="600px" height="600px" data-original="https://resource.xp-pen.com/Uploads/goods/20241016/GERdohFUrV3mBJhAfDLM_600_600.png" alt="image" > </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/241.html" aria-label="link">Magic Drawing Pad 펜심 <해외배송></a></div> <div class="butouy_2_right_guige"> <div>✿X3 Pro Magic Drawing Pad 전용✿</div> </div> <div class="butouy_2_right_price"> ₩13,800 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/242.html" aria-label="link"> <div class="productLabel"> <div class="labels newLabel">NEW</div> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20241018/BDFIGOKj3sdjmNqS9Umx_500_500.png" src="https://resource.xp-pen.com/Uploads/goods/20241018/BDFIGOKj3sdjmNqS9Umx_500_500.png" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/242.html" aria-label="link">펜심[X3 Pro 슬림 스타일러스용]</a></div> <div class="butouy_2_right_guige"> <div>✿X3 Pro 슬림 스타일러스 전용✿</div> </div> <div class="butouy_2_right_price"> ₩15,900 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/210.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231120/3bf266fac573ac3792fe4fcd174a93a4_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231120/3bf266fac573ac3792fe4fcd174a93a4_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/210.html" aria-label="link">AC102 펜심</a></div> <div class="butouy_2_right_guige"> <div>✿Artist Pro16 2(세대)/14 2(세대)/22 Plus , Artist 12 (2세대), Artist 16 2세대, Artist 16 Pro, Deco Pro MW/LW/XLW, Deco LW/L/MW/M 적용✿</div> </div> <div class="butouy_2_right_price"> ₩11,900 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/179.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/b5eb94d7d5edb0e6e1832744c117033f_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/b5eb94d7d5edb0e6e1832744c117033f_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/179.html" aria-label="link">펠트 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist 22 Plus /Artist 16 Pro 2세대 / Artist 14 Pro 2세대/ Artist 16 2(세대)/Artist 12 2(세대) / Artist Pro 16/ Deco L&LW, M&MW, Deco Pro 2 세대에 적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/133.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/133.html" aria-label="link">AC95 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist 22(2세대),Artist 24 QHD, Innovator 16 적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/111.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/da2a4743fba85c32f42f7f2e140ecd8b_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/da2a4743fba85c32f42f7f2e140ecd8b_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/111.html" aria-label="link">AC40 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist Pro 16TP ,Artist 12, StarG960/ G960s/ G960s Plus,Deco02적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/49.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/49.html" aria-label="link">AC04 펜심</a></div> <div class="butouy_2_right_guige"> <div>✿Star430s, StarG640, StarG640s, Deco01 V2/V3, Deco03, Deco mini, Deco Fun, Deco 640, Artist 15.6에 적용✿</div> </div> <div class="butouy_2_right_price"> ₩9,900 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/109.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e_500_500.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e_500_500.png" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/109.html" aria-label="link">SPE39 펜심</a></div> <div class="butouy_2_right_guige"> <div>✿Artist22 Pro,22E Pro용, 50매✿</div> </div> <div class="butouy_2_right_price"> ₩12,000 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/99.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20231127/2c21029b8522f07dbb46e90752f9dd1e_500_500.jpg" src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/2c21029b8522f07dbb46e90752f9dd1e_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/99.html" aria-label="link">AC60 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Deco Pro,Artist 12 Pro,Artist 13.3Pro,Artist 15.6Pro,Artist22R Pro,Artist 24Pro 적용✿ </div> </div> <div class="butouy_2_right_price"> ₩9,900 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/105.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20240702/T1PE1eCnHpMVGx8K55cM_500_500.jpg" src="https://resource.xp-pen.com/Uploads/goods/20240702/T1PE1eCnHpMVGx8K55cM_500_500.jpg" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/105.html" aria-label="link">P05R 펜심<국내배송></a></div> <div class="butouy_2_right_guige"> <div>✿Artist 24 FHD적용✿ </div> </div> <div class="butouy_2_right_price"> ₩11,000 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> <li> <div class="butouy_2_left"> <a href="https://www.storexppen.kr/buy/87.html" aria-label="link"> <div class="productLabel"> </div> <div class="butouy_2_left_img"> <img class="lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20220323/41df237e750cbd85f53e9f782b4c264e_500_500.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20220323/41df237e750cbd85f53e9f782b4c264e_500_500.png" width="500" alt="image" /> </div> </a>  </div> <div class="butouy_2_right"> <div class="butouy_2_right_title"><a href="https://www.storexppen.kr/buy/87.html" aria-label="link">NotePlus 전용펜 펜심 <해외배송></a></div> <div class="butouy_2_right_guige"> <div>✿10매✿<br/></div> </div> <div class="butouy_2_right_price"> ₩12,000 <i class="iconfont icon-shopping-cart"></i> <br> </div> </div> </li> </ul> </div> </div> </div> <script> $('.list_content').hover( function (e){ if($(this).children().children().children('img').hasClass('hover_img')){ let image = $($(this).children().children().children('.hover_img')[0]); if(image.attr('src')){ if($(this).children().children().children('.hover_img')[0].complete){ // $(this).children().children().children().not('.hover_img').hide() $(this).children().children().children('.hover_img').show(); } }else{ $($(this).children().children().children('.hover_img')[0]).attr('src',image.attr('data-original')); } } $(this).find('.lc-buy').show() }, function (e){ if($(this).children().children().children('img').hasClass('hover_img')){ $(this).children().children().children().not('.hover_img').show() $(this).children().children().children('.hover_img').hide(); } $(this).find('.lc-buy').hide() } ) </script> </div> </div>  </div> </div> </div> <script> $('.juz').click(function() { // 横纵切换展示 let index = $('.butouy_2 .butouy_2_content.active').index() let i = index == 0 ? 1 : 0 $($('.butouy_2 .butouy_2_content')[index]).removeClass('active') $($('.butouy_2 .butouy_2_content')[i]).addClass('active') }) </script> <script> $(function(){ $('.select-popup-warpper .spw-title .iconfont').click(function () { setTimeout(function () { $('.select-popup').hide() }, 0) }) $(".star-list").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'xx.webp', starOff: 'xx1.webp', starHalf: 'star_half_xs.webp', readOnly: true, size: 20, path: 'https://resource.xp-pen.com/newxp/static/images' }) $(".sortbutton").click(function(){ if($("#sort-by-selector").hasClass('visible')){ $("#sort-by-selector").removeClass("visible"); $(this).attr("data-open","false"); }else{ $(this).attr("data-open","true"); $("#sort-by-selector").addClass("visible"); } }) $(".new_select_Sortlist").click(function(){ $(".sortbutton").attr("data-open","flase"); $("#sort-by-selector").removeClass("visible"); var text = $(this).text(); $(".sort_list_val").text(text); var sort = $(this).data("value"); window.location.href=window.location.pathname+'?sort='+sort+'#Anchor_Product_List'; }) // $(".filter-checkbox_btn").each(function (i, v) { // if ($(v).is(":checked")) { // $(v).parents('.filter-checkbox').trigger('click'); // // formateTag($(v).attr('data-tag'),$(v).attr('data-tag-category'),'add',$(v).attr('data-route-name')) // } // }) }) function getTagParameter(url) { const urlParams = new URLSearchParams(url.split('?')[1]); return urlParams.get('tag'); } if(window.location.search.indexOf('tag=')!== -1){ let tag = getTagParameter(window.location.href).split(',') tag.forEach((item => { $('.filter-group-list .filter-checkbox_btn').each(function () { if ($(this).attr('data-route-name')!=''&&$(this).attr('data-route-name') == item) { console.log($(this),item) $('.filter-title .filter-num').text(parseInt($('.filter-title .filter-num').text()) + 1) return } }) })) resetFilterItem() } function formateTag(id,pid,mode='add',route_name){ route_name = typeof route_name !== 'undefined' && route_name.length>0 ?route_name:''; let mobile_num = $('.filter-button>span').html(); if( typeof mobile_num ==='undefined'){ mobile_num = 0; }else{ mobile_num = mobile_num*1; } switch (mode){ case "add": var html = '<input type="hidden" name="tag_ids['+pid+'][]" value="'+id+'" id="tag_id_'+pid+'_'+id+'">' $('#tag_list').append(html) mobile_num++; break; case 'reduce': $('#tag_id_'+pid+'_'+id).remove(); mobile_num--; break; } // if (route_name) { // formatTagRouteName(route_name, mode); // } $('.filter-button>span').html(mobile_num) } // 筛选类目 $('.filter-group-name').click(function () { let hiddenType = $(this).next('.filter-collapsible').attr('aria-hidden') if(hiddenType == 'true') { $(this).next('.filter-collapsible').css({'visibility':'visible','height':'auto'}) $(this).next('.filter-collapsible').attr('aria-hidden',false) $(this).find('i').removeClass('icon-jiahao').addClass('icon-jianhao') }else { $(this).next('.filter-collapsible').css({'visibility':'hidden','height':'0'}) $(this).next('.filter-collapsible').attr('aria-hidden',true) $(this).find('i').removeClass('icon-jianhao').addClass('icon-jiahao') } }) $('.filter-checkbox label').click(function (event) { event.stopPropagation(); }) $('.filter-checkbox').click(function (e) { e.stopPropagation(); if ($(this).tagName == 'label') { return ; } let tag_id = $(this).find('input').attr('data-select'); let tag_category_id = $(this).find('input').attr('data-pid'); let route_name = $(this).find('input').attr('data-route-name'); if($(this).find('input').is(':checked')){ let new_tag = '' if($(window).width()<=768) { // 移动端更改选中样式 new_tag = '<p class="filter-tag-list filter-tag-list_newmobei" data-tag="'+tag_id+'" data-tag-category="'+tag_category_id+'" data-route-name="'+route_name+'">'+ ' <span class="tag-text tag-text_newmobei">'+$(this).find('label').html()+'</span>' + ' <i class="iconfont icon-close iclose" onclick="delthisli(this)"></i>' + ' </p>' }else { if ($('.element-list-box .filter-tag-list').length > 7) { //等等改成7 new_tag = '<p class="filter-tag-list filter-tag-list-hide" data-tag="' + tag_id + '" data-tag-category="' + tag_category_id + '" data-route-name="' + route_name + '">' + ' <span class="tag-text">' + $(this).find('label').html() + '</span>' + ' <i class="iconfont icon-close" onclick="delthisli(this)"></i>' + ' </p>' } else { new_tag = '<p class="filter-tag-list" data-tag="'+tag_id+'" data-tag-category="'+tag_category_id+'" data-route-name="'+route_name+'">'+ ' <span class="tag-text">'+$(this).find('label').html()+'</span>' + ' <i class="iconfont icon-close" onclick="delthisli(this)"></i>' + ' </p>' } } // let new_tag = '<p class="filter-tag-list" data-tag="'+tag_id+'" data-tag-category="'+tag_category_id+'">'+ // ' <span class="tag-text">'+$(this).find('label').html()+'</span>' + // ' <i class="iconfont icon-close" onclick="delthisli(this)"></i>' + // ' </p>' $('.element-list-box').append(new_tag); if ($('.element-list-box .filter-tag-list').length > 8 && $('.filter-element-box .view-more').length == 0) { //等等改成8 $('.filter-element-box').append('<div class="view-more">view more<i class="iconfont icon-a-icon1x-34"></i></div>') } $('.filter-element-box .view-more').off('click').click(function () { if ($(this).find('.icon-a-icon1x-34').length > 0) { $(this).find('.iconfont').removeClass('icon-a-icon1x-34') $(this).find('.iconfont').addClass('icon-a-icon1x-14') $('.element-list-box .filter-tag-list-hide').css('display', 'flex') } else { $(this).find('.iconfont').removeClass('icon-a-icon1x-14') $(this).find('.iconfont').addClass('icon-a-icon1x-34') $('.element-list-box .filter-tag-list-hide').css('display', 'none') } }) // $('.mobile-element').append(new_tag); formateTag(tag_id,tag_category_id,'add',route_name) $('.filter-title .filter-num').text(parseInt($('.filter-title .filter-num').text()) + 1) }else { let selectID = $(this).find('input').attr('data-select') $('.element-list-box .filter-tag-list').each(function (k,li) { if($(li).attr('data-tag') == selectID) { formateTag($(li).attr('data-tag'),$(li).attr('data-tag-category'),'reduce',$(li).attr('data-route-name')) $(li).remove() $('.filter-title .filter-num').text(parseInt($('.filter-title .filter-num').text()) - 1) } resetFilterItem() }); $('.mobile-element .filter-tag-list').each(function (k,li) { if($(li).attr('data-tag') == selectID) { formateTag($(li).attr('data-tag'),$(li).attr('data-tag-category'),'reduce',$(li).attr('data-route-name')) $(li).remove() } }); } ajaxFilterGoods(); // console.log($(this),'thisajaxFilterGoods') }) function resetFilterItem(){ $('.filter-element-box .element-list-box').html('') $('.filter-element-box .view-more').remove() $('.filter-checkbox_btn:checked').each(function () { if ($('.element-list-box .filter-tag-list').length > 7) { //等等改成7 new_tag = '<p class="filter-tag-list filter-tag-list-hide" data-tag="' + $(this).attr('data-select') + '" data-tag-category="' + $(this).attr('data-pid') + '" data-route-name="' + $(this).attr('data-route-name') + '">' + ' <span class="tag-text">' + $(this).parent().find('label').text() + '</span>' + ' <i class="iconfont icon-close" onclick="delthisli(this)"></i>' + ' </p>' } else { new_tag = '<p class="filter-tag-list" data-tag="' + $(this).attr('data-select') + '" data-tag-category="' + $(this).attr('data-pid') + '" data-route-name="' + $(this).attr('data-route-name') + '">' + ' <span class="tag-text">' + $(this).parent().find('label').text() + '</span>' + ' <i class="iconfont icon-close" onclick="delthisli(this)"></i>' + ' </p>' } $('.element-list-box').append(new_tag); if ($('.element-list-box .filter-tag-list').length > 8 && $('.filter-element-box .view-more').length == 0) { //等等改成8 $('.filter-element-box').append('<div class="view-more">view more<i class="iconfont icon-a-icon1x-34"></i></div>') } }) $('.filter-element-box .view-more').off('click').click(function () { if ($(this).find('.icon-a-icon1x-34').length > 0) { $(this).find('.iconfont').removeClass('icon-a-icon1x-34') $(this).find('.iconfont').addClass('icon-a-icon1x-14') $('.element-list-box .filter-tag-list-hide').css('display', 'flex') } else { $(this).find('.iconfont').removeClass('icon-a-icon1x-14') $(this).find('.iconfont').addClass('icon-a-icon1x-34') $('.element-list-box .filter-tag-list-hide').css('display', 'none') } }) } function delthisli (thisdel) { $(thisdel).parent().remove() let selectID = $(thisdel).parent().attr('data-tag') let categoryID = $(thisdel).parent().attr('data-tag-category') let route_name = $(thisdel).parent().attr('data-route-name') formateTag(selectID,categoryID,'reduce',route_name) $('.filter-title .filter-num').text(parseInt($('.filter-title .filter-num').text()) - 1) $('.filter-checkbox').each(function (k,li) { if($(li).find('input').attr('data-select') == selectID) { $(li).find('input').prop("checked", false) } }); $('.new_select_Sortlist2').each(function (k,li) { if($(this).children('input').attr('data-select') == selectID) { $(this).children('input').prop("checked", false) } }); resetFilterItem() ajaxFilterGoods(); } //手机端筛选 var window_width = $(window).width(); //获取浏览器窗口宽度 $(".new_select_content .filter-button").click(function(ev){ // if ($("#sort-by-selector2").hasClass('visible')) { // $("#sort-by-selector2").removeClass("visible"); // } else { // $("#sort-by-selector2").addClass("visible"); // // $(this).find('.iconfont').css('transform', 'rotate(180deg)') // ev.stopPropagation() // } $('.select-popup').show() }) $(document).bind('click', function(){ $("#sort-by-selector2").removeClass("visible").prev().css('transform','rotate(0)') }) $('.new_select_Sortlist2').bind('click', function(ev){ ev.stopPropagation() let tag_id = $(this).find('input').attr('data-select'); let tag_category_id = $(this).find('input').attr('data-pid'); let route_name = $(this).find('input').attr('data-route-name'); if($(this).find('input').is(':checked')){ let new_tag = '' if($(window).width()<=768) { // 移动端更改选中样式 new_tag = '<p class="filter-tag-list filter-tag-list_newmobei" data-tag="'+tag_id+'" data-tag-category="'+tag_category_id+'" data-route-name="'+route_name+'">'+ ' <i class="iconfont icon-close iclose" onclick="delthisli(this)"></i>' + ' <span class="tag-text tag-text_newmobei">'+$(this).find('span').html()+'</span>' + ' </p>' }else { new_tag = '<p class="filter-tag-list" data-tag="'+tag_id+'" data-tag-category="'+tag_category_id+'" data-route-name="'+route_name+'">'+ ' <span class="tag-text">'+$(this).find('span').html()+'</span>' + ' <i class="iconfont icon-close" onclick="delthisli(this)"></i>' + ' </p>' } $('.element-list-box').append(new_tag); $('.mobile-element').append(new_tag); console.log('sdsdsd'); formateTag(tag_id,tag_category_id,'add',route_name) }else { let selectID = $(this).find('input').attr('data-select') $('.element-list-box .filter-tag-list').each(function (k,li) { if($(li).attr('data-tag') == selectID) { formateTag($(li).attr('data-tag'),$(li).attr('data-tag-category'),'reduce',$(li).attr('data-route-name')) $(li).remove() } }); $('.mobile-element .filter-tag-list').each(function (k,li) { if($(li).attr('data-tag') == selectID) { formateTag($(li).attr('data-tag'),$(li).attr('data-tag-category'),'reduce',$(li).attr('data-route-name')) $(li).remove() } }); } ajaxFilterGoods(); }) function mobileFilter () { $(document).on("click", ".mobile_title_appear .mobile-filter-close", function(){ $("#mobile_filters").removeClass("collapse show"); $("html").css({ "overflow-x": "visible","overflow-y": "visible" }); }) } $(document).on("click", ".mobile_title_appear .mobile-filter-close", function(){ $("#mobile_filters").removeClass("collapse show"); $("html").css({ "overflow-x": "visible","overflow-y": "visible" }); }) $(document).on("click", ".button-primary", function(){ $("#mobile_filters").removeClass("collapse show"); $("html").css({ "overflow-x": "visible","overflow-y": "visible" }); }) if (window_width <= 1000) { //当屏幕尺寸小于等于 992 时调用手机端 mobile 导航菜单 setTimeout(function(){ mobileFilter (); },200) } window.onresize = function(){ var window_width423 = $(window).width(); //获取浏览器窗口宽度 if (window_width423 <= 1000) { //当屏幕尺寸小于等于 992 时调用手机端 mobile 导航菜单 setTimeout(function(){ mobileFilter (); },200) } } function ajaxFilterGoods(){ var index = layer.load(); $.post(location.pathname, $('#tag_list').serialize(), function(data){ layer.close(index); $('#product_list').html(data); $('.select-popup').hide(); var route_name = ''; var add_route_name = []; var reduce_route_name = []; $('.filter-checkbox_btn').each(function (i,e) { route_name = $(e).attr('data-route-name') if (route_name) { if($(e)[0].checked){ add_route_name.push(route_name); if(reduce_route_name.indexOf(route_name) != -1){ var temp = reduce_route_name var index = reduce_route_name.indexOf(route_name); temp_start = temp.splice(0,index); temp_end = temp.splice(index+1); reduce_route_name = temp_start + temp_end; } }else{ if(add_route_name.indexOf(route_name) == -1){ reduce_route_name.push(route_name); } } } route_name = ''; }) add_route_name.forEach(function (e,i) { formatTagRouteName(e,'add') }) reduce_route_name.forEach(function (e,i) { formatTagRouteName(e,'reduce') }) }) } function formatTagRouteName(route_name, mode = 'remove') { var urlObj = new URL(window.location.href); const tagValue = urlObj.searchParams.get('tag'); if (tagValue) { let updatedTagValue; switch (mode){ case "reduce": updatedTagValue = tagValue.split(',').filter(v => v !== route_name).join(','); console.log('reduce',updatedTagValue); break; case 'add': if(!tagValue.includes(route_name)){ updatedTagValue = tagValue ? `${tagValue},${route_name}` : route_name; }else{ updatedTagValue = tagValue } break; case "remove": break; default: return false; } if (updatedTagValue) { urlObj.searchParams.set('tag', updatedTagValue); } else { urlObj.searchParams.delete('tag'); } } else if (mode === 'add') { urlObj.searchParams.set('tag', route_name); } if(urlObj.search){ history.pushState(null, null, urlObj.search); }else{ urlObj.searchParams.delete('tag'); if(urlObj.searchParams.toString()){ newUrl = `${urlObj.href}?${urlObj.searchParams.toString()}`; }else{ newUrl = `${urlObj.href}`; } history.pushState(null, null, newUrl); } } $('.select-popup-button-show').click(function () { $('.select-popup-warpper .new_select_Sort .filter-checkbox_btn').prop('checked', false); $('.spb-scroll .spb-scroll-item').each(function () { let pid = $(this).attr('data-pid'); let id = $(this).attr('data-select'); $('.select-popup-warpper .new_select_Sort .filter-checkbox_btn').each(function (e) { if ($(this).data('pid') == pid && $(this).data('select') == id) { $(this).prop('checked', true); } }); }) $('.spw-title .filter-num').text($('.select-popup-warpper .filter-checkbox_btn:checked').length) $('.select-popup').show() }) $('.sp-item .new_select_Sortlist3').click(function () { $(this).parent().find('.sp-item-warpper').toggle() if ($(this).parent().find('.sp-item-warpper').css('display') == 'none') { $(this).find('.icon-a-icon1x-10').removeClass('icon-a-icon1x-10').addClass('icon-a-icon1x-9'); } else { $(this).find('.icon-a-icon1x-9').removeClass('icon-a-icon1x-9').addClass('icon-a-icon1x-10'); } }) $('.sp-btn-group .sp-btn-done').click(function (e) { $('#tag_list').html(` <input type="hidden" name="sort" value="asc"> <input type="hidden" name="action" value="lists">`) $('.spb-scroll').html('') $('.select-popup-warpper .filter-checkbox_btn:checked').each(function () { let tag_id = $(this).attr('data-select'); let tag_category_id = $(this).attr('data-pid'); let route_name = $(this).attr('data-route-name'); formateTag(tag_id, tag_category_id, 'add', route_name) $('.spb-scroll').append(`<div class="spb-scroll-item" data-pid='${tag_category_id}' data-route-name='${route_name}' data-select='${tag_id}'> ${$(this).parent().find('span').text()} <i class="iconfont icon-a-icon1x-31"></i> </div>`) $('.spb-scroll .spb-scroll-item .iconfont').off('click').click(function (e) { e.stopPropagation(); $(this).parent().remove(); $('#tag_id_' + $(this).parent().attr('data-pid') + '_' + $(this).parent().attr('data-select')).remove(); ajaxFilterGoods(); }) }); ajaxFilterGoods(); }) $('.sp-btn-group .sp-btn-reset').click(function () { $('.spb-scroll').html('') $('#tag_list').html(` <input type="hidden" name="sort" value="asc"> <input type="hidden" name="action" value="lists">`) $('.select-popup-warpper .filter-checkbox_btn').prop('checked', false); ajaxFilterGoods(); }) $('.filter-title .reset').click(function () { // $('.filter-tag-list .icon-close').trigger('click') $('.filter-element-box .element-list-box').html('') $('.filter-element-box .view-more').remove() $('#tag_list').html(` <input type="hidden" name="sort" value="asc"> <input type="hidden" name="action" value="lists">`) $('.filters-form .filter-checkbox_btn ').prop('checked',false) $('.filter-title .filter-num').text('0') ajaxFilterGoods(); }) $('.filter-checkbox-list .flb-more').click(function () { $(this).parent().find('.more-hidden-box').toggle() if ($(this).find('.icon-a-icon1x-34').length > 0) { $(this).find('.iconfont').removeClass('icon-a-icon1x-34') $(this).find('.iconfont').addClass('icon-a-icon1x-14') } else { $(this).find('.iconfont').removeClass('icon-a-icon1x-14') $(this).find('.iconfont').addClass('icon-a-icon1x-34') } }) $('.sp-item-warpper .siw-more').click(function () { $(this).parent().find('.label-hidden').toggle() if ($(this).find('.icon-a-icon1x-34').length > 0) { $(this).find('.iconfont').removeClass('icon-a-icon1x-34') $(this).find('.iconfont').addClass('icon-a-icon1x-14') } else { $(this).find('.iconfont').removeClass('icon-a-icon1x-14') $(this).find('.iconfont').addClass('icon-a-icon1x-34') } }) $('.sp-item-warpper label').click(function () { $('.spw-title .filter-num').text($('.select-popup-warpper .filter-checkbox_btn:checked').length) }) </script> <style> .l1 #home_swiper1 .swiper-pagination { bottom: 10px !important; } .l1 #home_swiper1 .swiper-slide { /* width: 100% !important; */ position: relative; } </style> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/Trun_1.css" />  <section id="store_services" style="display:none" > <div class="services"> <div class="container"> <div class="row"> </div> </div> </div>  <div class="newmobei_store_services"> <div class="newmobei_weService"></div> <div class="newmobei_services_content"> </div> </div> </section>   <style > #store_subscribe{ position: relative; background-image: url(""); background-size: cover; } #store_subscribe .subscribe { z-index: 1; } #store_subscribe .subscribe::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; background-image: inherit; opacity: 0.8; z-index: 2; } #store_subscribe .subscribe_verify { height: auto; } #store_subscribe .bg_color_subscirbe{ background-color: #ffffff; } .subscribe_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; } #store_subscribe .sub_button { text-wrap:nowrap; } @media screen and (max-width: 768px) { .mobile_hidden{ display: none; } #store_subscribe { background-image: url(""); } #store_subscribe .subscribe { height: 210px; } #store_subscribe .subscribe_txt_p{ font-size: 16px; } .subscribe_text { width: 100%; padding: 16px; } #store_subscribe .subscribe_txt_input { width: 100%; min-width: auto; } #store_subscribe .subscribe_verify { width: 75%; } #store_subscribe .sub_button{ font-size: 16px; font-weight: 400; width: auto; } } </style > <section id="store_subscribe" > <div class='bg_color_subscirbe' > <div class="subscribe"> <div class="subscribe_text"> <p class="subscribe_title" style='color: #ffffff' >구독하기</p> <p class="subscribe_txt_p" style='color: #ffffff' >XPPen 제품, 무료 체험 및 더 많은 정보를 받아보세요.</p>  <div class="subscribe_txt_input"> <div class="subscribe_verify"> <div class="subscribe_verifyBox">  <input type="hidden" name="tokenSubscribeInput" id="tokenSubscribeInput" value="fa72ab4d1739edef33f98c38942ac616"> <input type="email" name="emailSubscribeInput" class="validate emailSubscribeInput" id="index_email" value="" onfocus="this.placeholder='' " onblur="this.placeholder='YOUR_EMAIL'" placeholder="YOUR_EMAIL" /> </div> <div class="sub_prompt"> <em class="iconfont icon-colose"></em><span data-required="이메일 주소를 입력 해주세요" data-email="Mailbox format error"></span> </div> </div> <span class="sub_button" style='background-color: #ffffff;color:#000000' >제출</span> </div>  </div> </div> </div> </section> <script type="text/javascript"> $(function(){ $('.sub_button').click(function(){ var emailSubscribeInput = $('.emailSubscribeInput').val(); if (emailSubscribeInput == '') { layer.tips(L('ENTER_YOUR_ACCOUNT_NUMBER'), '.emailSubscribeInput', {tips: [1, '#d9534f']}); $('.emailSubscribeInput').focus(); return false; } var index = layer.load(1); var payload = {'email': emailSubscribeInput, 'tokenSubscribeInput': $('#tokenSubscribeInput').val()}; if(_LANG_ == 'de'){ payload = {'email': emailSubscribeInput, 'tokenSubscribeInput': $('#tokenSubscribeInput').val(),'coupon_id':136} } $.post("https://www.storexppen.kr/subscribe/subscribe.html", payload, function(data) { layer.close(index); $('#tokenSubscribeInput').val(data.data.token); if (data.code == 1) { layer.msg(data.msg, {icon: 1}); } else { layer.tips(data.msg, '.emailSubscribeInput', {tips: [1, '#d9534f']}); $('.emailSubscribeInput').focus(); } }) }) }) </script>  <div id="backTop" class="backTop"><i class="iconfont icon-arrow-up icon"></i></div>   <style> .qx_padd{ padding-left: 0; padding-right: 0; } #xp_foot .xp_foot_1400 .row dl dt{ /* background: #333; */ color: #fff; padding: 8px; } </style> <div class="xp_foot" id="xp_foot"> <div class="xp_foot_1400"> <div class="row"> <div class="qx_padd"> <dl class="foot_off"> <dt>도움 <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="https://www.xp-pen.kr/support/index" aria-label="link">지원(관련 다운로드)</a></dd> <dd><a href="/article/3.html" aria-label="link">회원 가입 & 로그인</a></dd> <dd><a href="https://www.storexppen.kr/article_list/23.html" aria-label="link">포인트 & 캐쉬백</a></dd> <dd><a href="https://www.xp-pen.kr/buy" aria-label="link">오프라인 매장 정보</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>주문 & 결제 <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/7.html" aria-label="link">주문 & 결제</a></dd> <dd><a href="https://www.storexppen.kr/quote/index" aria-label="link">대량구매 신청</a></dd> <dd><a href="https://www.storexppen.kr/article/19.html" aria-label="link">12월카드사 무이자할부이벤트안내</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>About <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/8.html" aria-label="link">XPPen에 관하여</a></dd> <dd><a href="/article/10.html" aria-label="link">문의하기</a></dd> <dd><a href="https://www.storexppen.kr/article_list/39.html" aria-label="link">사용자 설명</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>서비스 <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/44.html" aria-label="link">XPPen코인 이용약관</a></dd> <dd><a href="/article/9.html" aria-label="link">반품정책 </a></dd> <dd><a href="/article/13.html" aria-label="link">배송정책</a></dd> <dd><a href="/article/6.html" aria-label="link">보증정책</a></dd> <dd><a href="/article/12.html" aria-label="link">개인정보 정책</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>엑스피펜 공식 SNS 채널 <i class="iconfont icon-a-icon1x-9"></i></dt> <dd><a href="https://twitter.com/XPPenkorea"> <i class="iconfont icon-a-icon1x-21"> </i> Twitter </a></dd> <dd><a href="https://www.youtube.com/channel/UCz7Y2EtcIg-YW8OzX1LsQgw"> <i class="iconfont icon-youtube1"></i> YouTube </a></dd> <dd><a href="https://www.instagram.com/xppen_kr/"> <i class="iconfont icon-Instagram"></i> Instagram </a></dd> </dl> </div> </div> <div class="row">  <div class="foot_margin foot_svg"> <div class=" foot_paypal"> </div> </div>  </div>   <div class="foot_row2"> <div class="foot_row2_txt"> <p style="text-align: left; line-height: normal;"> <span style="margin: 0px; padding: 0px 10px 0px 0px; line-height: 1.4em; color: #fff; font-size: 11px;">COMPANY INFO</span> </p> <p style="white-space: normal; text-align: left; line-height: normal;"> <span style="margin: 0px; padding: 0px 10px 0px 0px; line-height: 1.4em; color: #fff; font-size: 11px;">상호명:(주)우지코리아 사업자등록번호:785-88-01689 </span> </p> <p style="white-space: normal; text-align: left; line-height: normal;"> <span style="margin: 0px; padding: 0px 10px 0px 0px; line-height: 1.4em; color: #fff; font-size: 11px;">대표자:LI YUANZHI   </span> </p> <p style="white-space: normal; text-align: left; line-height: normal;"> <span style="color: #fff; font-size: 11px;">소재지:서울특별시 금천구 가산디지털2로 34, 2층 211-4호(가산동, 지밸리더리브스마트타워)</span> </p> <p style="white-space: normal; text-align: left; line-height: normal;"> <span style="margin: 0px; padding: 0px 10px 0px 0px; line-height: 1.4em; color: #fff; font-size: 11px;">통신판매업신고:서울영등포-3285호 </span> </p> <p style="white-space: normal; text-align: left; line-height: normal;"> <span style="margin: 0px; padding: 0px 10px 0px 0px; line-height: 1.4em; color: #fff; font-size: 11px;">E-mail:servicekr@xp-pen.com </span> </p> </div> <div class="foot_margin foot_margin_end"> <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 250px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> <p class="current_site_name">Korea, South</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> <script type="text/javascript" src="/newxp/static2024/js/index/homefoot.js"></script> <script> $('.countryLanguageSelectOpen2').click(function () { $('#store_SiteSwitch2').css('margin-top',`0px`) }) </script> <script type="text/javascript" src="/newxp/static2024/js/index/common.js?ver=202411222"></script> <script type="text/javascript" src="/newxp/static2024/js/module/module_common.js?ver=111"></script> <script > if(!getCookie('USE_XP_POINT_COOKIE')) { setCookie('USE_XP_POINT_COOKIE',1,7*86400); hwtag('event', 'CanUsePointDiscount', {"can_use": 1}); } </script > <script type="text/javascript"> $(function () { $.fn.xploadingshow = function() { $('body').append('<div class="xppenloading-mask"><div class="xm-warpper"><div class="xppenloading"><i class="iconfont icon-a-icon1x-43"></i></div><div class="loading">로드 중...</div></div></div>') $("body").css({"overflow":"hidden","height":"100vh"}) }; $.fn.xploadinghide = function() { $('.xppenloading-mask').remove() $("body").css({ "overflow": "auto", "height": "auto" }) }; const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 996) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() // input 获取焦点事件 $(".validate").focus(function () { $(this).parent().addClass("sub_verify_focus"); }) // input失去焦点事件 $(".validate").blur(function () { //获取 span 元素 var error_span = $(this).parent().siblings().children('span'); if (this.value.length <= 0) { $(this).parent().removeClass("sub_verify_focus"); $(this).parent().siblings().addClass("sub_error"); var required = error_span.data("required"); error_span.text(required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test($(this).val()) == false) { $(this).parent().siblings().addClass("sub_error"); var email_error = error_span.data("email"); error_span.text(email_error); return false; } else { $(this).parent().siblings().removeClass("sub_error"); } }) //sub_button点击事件 $(".sub_button").click(function () { var index_email = $("#index_email"); if (index_email.val().length <= 0) { index_email.focus(); index_email.parent().addClass("sub_verify_focus"); index_email.parent().siblings().addClass("sub_error"); var click_error_span = index_email.parent().siblings().children('span'); var click_required = click_error_span.data("required"); click_error_span.text(click_required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test(index_email.val()) == false) { return false; } }) }) </script>  <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_41a09d1d31bd"; if (!_nasa) var _nasa={}; wcs.inflow(); wcs_do(_nasa); </script>  <script type="text/javascript" async="true"> var dspu = "FN2eHBwZW4"; // === (필수)광고주key (변경하지마세요) === var dspu,dspt,dspo,dspom; function loadanalJS_dsp(b,c){var d=document.getElementsByTagName("head")[0],a=document.createElement("sc"+"ript");a.type="text/javasc"+"ript";null!=c&&(a.charset="UTF-8"); a.src=b;a.async="true";d.appendChild(a)}function loadanal_dsp(b){loadanalJS_dsp(("https:"==document.location.protocol?"https://":"http://")+b,"UTF-8");document.write('<span id=dsp_spn style=display:none;></span>');} loadanal_dsp("tk.realclick.co.kr/tk_comm.js?dspu="+dspu+"&dspt="+dspt+"&dspo="+dspo+"&dspom="+dspom); </script>  </body> </html>  <script type="text/javascript"> $(function(){ //检查总站 if (uid == 0) { var sso_url = "https://account.xp-pen.com" + '/login/is_login?lang='+'kr'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, data: { siteDomain: 'https://www.storexppen.kr/series/14.html', }, crossDomain: true, async: true, dataType: 'json', success:function(data) { if (data.code == 1) { //登录 $.post("https://www.storexppen.kr/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } location.reload(); //刷新当前页面 // dropdown_user(ret, 1); } }) } //是否禁用第三方cookie if (data.code == 0 && data.data == null) { update_href_url(); } } }) } //检查总站 if (uid > 0) { //弹窗关闭并刷新 if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } //是否禁用第三方cookie var phpsessid_sso = ''; var token_sso = ''; if (phpsessid_sso && token_sso) { var sso_url = "https://account.xp-pen.com" + '/login/status_login_ticket?lang=kr'; $.ajax({ type: 'POST', url: sso_url, data: {'uid_sso': '0', 'token': token_sso, 'PHPSESSID': phpsessid_sso}, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.kr/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2, 'login'); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.kr/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } } }) } else { var sso_url = "https://account.xp-pen.com" + '/login/status_login?uid_sso=0&lang=kr'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.kr/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.kr/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } //同步登录的信息 if (data.code == 2) { $.post("https://www.storexppen.kr/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { dropdown_user(ret, 1); window.location.reload(); } }) } } }) } } }) //更新用户头像和购物车（导航栏） function dropdown_user(ret, type, login) { var login = login||''; var url = window.location.pathname; if (type == 1) { var sso_url = "https://account.xp-pen.com"; $('#login_dropdown').empty(); //头像更新 var html_user = "\t\t\t\t\t<a href=\"https://www.storexppen.kr/login/index.html?jumpUrl=https://www.storexppen.kr/series/14.html\" class=\"login1\"><img src=\""+ret.data.faceurl+"\"><input type='hidden' id='userId' value=\""+ret.data.uid+"\"></a>\n"+ "<ul class=\"navbar_account_menu login_content\">\n" + " <span class=\"nav_bagview_caret right_account\"></span>\n" + " <li><a href=\"https://www.storexppen.kr/user.order/index.html\">나의 주문</a></li>\n" + " <li><a href=\"https://www.storexppen.kr/user/index.html\">계정</a></li>\n" + " <li><a href=\"https://www.storexppen.kr/user.info/edit.html\">설정</a></li>\n" + " <li><a href=\""+sso_url+"/login/logout?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr\">"+L('SIGN_OUT')+"</a></li>\n" + " </ul>"; $('#nav_accounts').html(html_user); // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('.icon_cart_num').text(ret.data.cart_count); } else if (type == 2) { // 个人中心 if ((url.match('/user/index') || url.match('/user.')) && isDisable == 0) { window.location.href = 'https://www.storexppen.kr/'; return false; } // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('#nav_accounts').empty(); //头像更新 var sing = "로그인"; var reg = "회원 가입"; var html_user = '<a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref=" class="login1">\ <i class="iconfont icon-account"></i>\ </a>\ <ul class="navbar_account_menu login_content">\ <span class="nav_bagview_caret right_account"></span>\ <li>\ <a id="login_url" href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref=" class="login2">'+sing+'</a>\ </li>\ <li>\ <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref=" class="login3">'+reg+'</a>\ </li>\ </ul>'; $('#nav_accounts').html(html_user); // 购物车图标为0 $('.icon_cart_num').text(0); if (login !== '') { update_href_url(); } // 移动端头像 $('#openUser').find('a').attr('href','https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&webref='); } } //是否禁用第三方cookie function update_href_url() { $('.login1').attr('href', $('.login1').attr('href') + '&login=2'); $('.login2').attr('href', $('.login2').attr('href') + '&login=2'); $('.login3').attr('href', $('.login3').attr('href') + '&login=2'); // console.log() $('#openUser').find('a').attr('href', $('#openUser').find('a').attr('href') + '&login=2'); } </script>  <script type="text/javascript"> $(function () { if (isDisable == 1) { layer.alert(L('USER_DISABLE_CONTENT'), { icon: 2, closeBtn: 0, title: L('PROMPT_MESSAGE'), btn: ['OK'] }, function () { window.location.reload(); }) return false; } if(_LANG_ == 'cl'){ //set country currency let currency = $("#nav_languages").find('span').not('.nav-country').html(); let content = ""; switch (currency){ case "CLP": content += "Chile/"+currency; break; case "PEN": content += "Peru/"+currency; break; case "USD": content += "Argentina/"+currency; break; case "UYU": content += "Uruguay/"+currency; break; case "COP": content += "Colombia/"+currency; break; } if(content){ $("#nav_languages").find('span').not('.nav-country').html(content) } } }) </script> <script type="module"> /** * 语言选择框 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ $.extend({ getCookie: function (name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; }, setCookie: function (name, value,options) { var Days = 30; if(typeof options !== 'undefined'){ if(options?.expires){ Days = options.expires } } var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; }, getArrEqual: function (arr1, arr2) { let newArr = []; for (let i = 0; i < arr2.length; i++) { for (let j = 0; j < arr1.length; j++) { if (arr1[j] === arr2[i]) { newArr.push(arr1[j]); } } } return newArr; } }); $.fn.extend({ langCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('button'); var $spinner = $this.find('.spinner-warp'); $btn.click(function (ev) { $div.stop().toggle(100, function () { $btn.find('i').css('transform', 'rotateX(' + ($(this).is(':hidden') ? '0' : '180deg') + ')'); }); ev.stopPropagation(); }); $spinner.click(function (ev) { ev.stopPropagation(); }); $(document).bind('click', function () { $div.stop().hide(100, function () { $btn.find('i').css('transform', 'rotateX(0)'); }); }); var _use_lang = $.getCookie('tr_lang'); $div.find('li p').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { ev.stopPropagation(); var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); }, mobileLangCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('p'); var $spinner = $this.find('.spinner-warp'); var $close = $('.cus-close-btn'); $btn.click(function (ev) { $div.show(); $close.show(); }); $close.bind('click', function () { if ($div.is(':visible')) { $div.hide(); $(this).hide(); } }); var _use_lang = $.getCookie('tr_lang'); $div.find('li a').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); } }); $('.cus-list-down').langCut(); $('.cus-mobile-lang').mobileLangCut(); // var default_lang = ""; var default_lang switch (_LANG_){ case "id": default_lang = 'id'; break; case "pl": default_lang = 'pl_pl'; break; default: default_lang = ''; break; } if(default_lang){ if(!$.getCookie('tr_lang')){ $.setCookie('tr_lang',default_lang); // window.location.reload(); } } if(_LANG_ == 'vn'){ if(!$.getCookie('xppen_popup')){ layer.open( { content: '<span style="font-size: 16px; text-align: left">Ngôn ngữ / Language </span>' + '<br>' , btn:['Tiếng Việt','English'], yes: function(index, layero){ //do something $.setCookie('tr_lang','vi'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, btn2: function(index, layero){ $.setCookie('tr_lang','vn'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, success: function(layero, index) { var closeBtn = layero.find('.layui-layer-close'); closeBtn.attr('aria-label', 'Close'); } } ); } } </script>

CINXE.COM

펜심 | 엑스피펜 공식 스토어