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

<!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="QUOTE_SEO_DESCRIPTION"/> <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/quote/index.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=1733360984; 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': "", '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',""); 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/NewArrivals-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/quote/index&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/quote/index&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/quote/index&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/quote/index&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/NewArrivals-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> <style type="text/css"> .login_bg .loginx_box {padding: 60px 0 10% 0;max-width: 1440px;margin: 0 auto;} .mail_upload {width: 200px;height: 200px;padding: 20px; background-color: #f5f5f5; display: inline-block;} .mail_upload .mail_upload_icon {width: 25px;height: 25px;border-radius: 50%;background-color: #3bb7f5; margin: 20px auto 0; font-size: 20px; line-height: 25px;color: #fff;text-align: center;position: relative; cursor: pointer; } .mail_upload .mail_upload_title {text-align: center;margin-top: 5px; color: #151414;} .mail_upload .mail_upload_text {text-align: center;margin-top: 10px;font-size: 12px;color: #999;word-wrap: break-word;} .preview_show {width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;float: left;} .mail-submit-box{margin-top: 16px;} .preview_show .control_p {display: inline-block;width: 100%;margin: 0;overflow: hidden;color: #999;line-height:1.6;float: left;font-weight: 400;} .preview_show .preview_control_text {width: 100%;color: #000;word-break: normal; word-wrap:break-word;} .preview_show .mail_submit {display: inline-block;width: auto;padding: 11px 30px 13px;vertical-align: middle;font-size: 16px;line-height: 1.2; background-color: #00388D;color: #fff;float: left;border-radius: 4px;margin-right: 10px; } .preview_show .mail_cancel { display: inline-block;width: auto;color: #999;line-height:1.6;vertical-align: middle;margin: 15px 0 0 0;} .mail_info .mail_info_show {max-width: 500px; height: auto; overflow: hidden;margin: 60px auto 0;} .mail_complete_img {text-align: center;} .mail_complete_img img {max-width: 100%;height: auto;} .mail_info_show .complete_text {width: 100%;height: auto;overflow: hidden;font-size: 14px; margin-top: 20px;text-align: center;line-height: 25px;} .mail_info_show .complete_btn { margin-top: 40px;font-size: 16px;padding-bottom: 60px;} .mail_info_show .complete_btn .span_left { display: inline-block;width: 50%; text-align: right;float: left; color: #3bb7f5;} .login_bg .loginx_box .login label{font-weight: 400;} @media screen and (max-width: 768px ){ .login_bg .loginx_box {padding: 40px 0 10% 0;max-width: 1440px; margin: 0 auto;} } *{margin: 0;padding: 0;} #kr_inquiry {max-width: 1000px;margin: 0 auto;padding: 0 10px;margin-bottom: 80px;} #kr_inquiry .kr_inquiry_title{text-align: center;color: #333;font-size: 36px;margin-bottom: 25px;} #kr_inquiry .kr_inquiry_module{width: 100%;height: auto;display: flex;justify-content: space-between;} #kr_inquiry .kr_inquiry_module1{width: 30%;height: auto;padding: 20px 20px;text-align: center;border: 1px solid #EDEDED ;box-sizing: border-box;} #kr_inquiry .kr_inquiry_module1 img{width: 62%;height: auto;} #kr_inquiry .kr_inquiry_module1_p{font-size: 16px;color: #000;font-weight: 400;line-height: 1.3;margin-top: 10px;} @media screen and (max-width: 600px ){ #kr_inquiry .kr_inquiry_module1{width: 33.33333%;height: auto;padding: 15px;border: 1px solid #EDEDED ;} #kr_inquiry .kr_inquiry_module1:nth-child(2){border-right: none;border-left: none;} #kr_inquiry .kr_inquiry {margin-bottom: 60px;} } @media screen and (max-width: 480px ){ #kr_inquiry .kr_inquiry_module {flex-wrap: wrap;} #kr_inquiry .kr_inquiry_module1 { width: 70%;margin: 0 auto;} #kr_inquiry .kr_inquiry_module1 img { width: 80px;height: auto;} #kr_inquiry .kr_inquiry_module1:nth-child(2){border: 1px solid #EDEDED ;border-top: none;border-bottom: none;} } </style> <style> .crumbs a:hover{ color: rgba(0,0,0,1); } </style> <div class="padding_top login_bg" style="background: #fff;"> <div class="container loginx_box" style="width: 100%;"> <div class="kr_inquiry" id="kr_inquiry"> <p class="kr_inquiry_title">대량구매 영역</p> <div class="kr_inquiry_module"> <div class="kr_inquiry_module1"> <img src="https://resource.xp-pen.com/newxp/static2024/images/quote_kr/1.png" alt=""> <p class="kr_inquiry_module1_p">예술 학원/동아리</p> </div> <div class="kr_inquiry_module1"> <img src="https://resource.xp-pen.com/newxp/static2024/images/quote_kr/2.png" alt=""> <p class="kr_inquiry_module1_p">온라인 교육/화상 회의(업체)</p> </div> <div class="kr_inquiry_module1"> <img src="https://resource.xp-pen.com/newxp/static2024/images/quote_kr/3.png" alt=""> <p class="kr_inquiry_module1_p">기타 대량 소비용 타블렛</p> </div> </div> </div> <div class="login" id="main-login" style="max-width: 1200px;"> <h1 style="text-align: center;line-height:1.2;margin-bottom:30px;word-break: normal;word-wrap:break-word;"></h1> <p style="text-align: center;font-size: 16px;line-height:1.8;margin-bottom:30px;word-break: normal;word-wrap:break-word;padding: 0 20px;">신청서 접수 후 평일기준 24시간 내에 영업팀에서 검토하여 회신드립니다.</p> <div class="form_login" style="padding: 0 16px;max-width:600px"> <form action="" method="post" name="login_form" id="login_form" enctype="multipart/form-data"> <input type="hidden" name="token" id="token" value="efb9e14d3657c2a9c307bc091f36047d"> <div class="form-inline-width"> <div class="form-group"> <label for="first_name"><span class="star red">*</span><span class="name">신청인 성함</span>：</label> <input type="text" class="form-control" name="quote_10" id="input_id_1" value="" autocomplete="off" data-fill="1" data-item="신청인 성함"> </div> <div class="form-group"> <label for="first_name"><span class="star red">*</span><span class="name">학교/단체 명</span>：</label> <input type="text" class="form-control" name="quote_16" id="input_id_2" value="" autocomplete="off" data-fill="1" data-item="학교/단체 명"> </div> <div class="form-group"> <label for="first_name"><span class="star red">*</span><span class="name">관심 제품</span>：</label> <input type="text" class="form-control" name="quote_12" id="input_id_3" value="" autocomplete="off" data-fill="1" data-item="관심 제품"> </div> <div class="form-group"> <label for="first_name"><span class="star red">*</span><span class="name">구매 수량</span>：</label> <input type="text" class="form-control" name="quote_13" id="input_id_4" value="" autocomplete="off" data-fill="1" data-item="구매 수량"> </div> <div class="form-group"> <label for="first_name"><span class="star red">*</span><span class="name">전화번호</span>：</label> <input type="text" class="form-control" name="quote_14" id="input_id_5" value="" autocomplete="off" data-fill="1" data-item="전화번호"> </div> <div class="form-group"> <label for="first_name"><span class="star red">*</span><span class="name">메일주소</span>：</label> <input type="text" class="form-control" name="quote_15" id="input_id_email" value="" autocomplete="off" data-fill="1" data-item="메일주소"> </div> <div class="form-group"> <label for="first_name"><span class="star red"></span><span class="name">구매 시 요청사항</span>：</label> <textarea name="quote_11" id="input_id_7" class="form-control" placeholder="메모" style="height: 90px;" data-fill="0" data-item="구매 시 요청사항"></textarea> <div class="help-block" style="font-size: 12px;">신청에 대한 자세한 설명을 입력하십시오</div> </div> <ul> <li> <span>첨부:</span> <div class="form-group"> <div class="register_show"> <div class="row" style="margin-left:0px;"> <p class="mail_info_tips" style="font-size: 12px;">파일은 2MB이내여야 합니다</p> </div> <div class="pull-left"> <a href="javascript:void(0);" class="mail_upload" id="uploadClick"> <div class="mail_upload_icon"> + </div> <div class="mail_upload_title"> 업로드 </div> <div class="mail_upload_text"> 허용되는 파일 형식 : gif, jpg, jpeg, png, bmp, txt, tif, rtf, pdf, doc, docx, rar, tar, zip </div> </a> <input type="file" id="uploadFile" name="enclosure_path[]" multiple style="display: none"> </div> <div id="thumbs" class="thumbs pull-right" style="display:none;width:100%;display: inline-block;margin-top: 10px;"> <ul> </ul> </div> </div> </div> </li> <li style="margin-top: 34px;"> <input name="" type="button" value="다시보기" class="login_btn" id="submitForm" style="width:auto;padding-left: 10px;padding-right: 10px;display: inline-block; height: 43px; line-height: 43px;"> </li> </ul> </div> <div class="mail_info_show step2"> <div class="previewContent"> </div> </div> </form> </div> </div> </div> </div> <script type="text/javascript" src="/newxp/static2024/js/index/ajaxFileUpload.js?v=202411222"></script> <script src="/newxp/static2024/ali-oss/aliyun-oss-sdk.min.js"></script> <script src="/newxp/static2024/js/index/upload.js"></script> <script type="text/javascript"> var tempStoreImgArr = []; $(function(){ $("#submitForm").click(function(){ var id_array = []; $("#login_form input, #login_form textarea").each(function(){ var id = $(this).attr("id"); if(id !== "token" && id !== "submitForm" && id !== "uploadFile"){ id_array.push(id); } }) var html = ''; for(var i=0; i<id_array.length; i++){ var content_tips = $("#"+id_array[i]+""); if(content_tips.attr('data-fill') == '1'){ if(content_tips.val().length<=0){ layer.tips(L('WALL_CONTENT_CANNOT_EMPTY'), '#'+id_array[i]+'',{tips: [2, '#d9534f']}); content_tips.focus(); return false; } } if(id_array[i] == "input_id_email"){ if(!valiate_email($.trim(content_tips.val()))){ layer.tips(L('MAILBOX_FORMAT_ERROR'), '#input_id_email',{tips: [2, '#d9534f']}); content_tips.focus(); return false; } } if ($.trim(content_tips.val()).length > 0) { html += '<div class="preview_show"><span class="control_p">' + content_tips.attr('data-item') + '</span><div class="preview_control_text">' + content_tips.val() + '</div></div>'; } } $(".form-inline-width").css('display','none'); var random = "this.src=this.src+'?rand='+Math.random();" html += '<div class="preview_show">\ <span class="control_p">Accessories</span>\ <div class="preview_control_text" id="Accessories">\ <ul>\ '+ $('#thumbs>ul').html()+'\ </ul>\ </div>\ </div>'+ '<span>보안 코드</span>' + '<input name="verify" id="verify" type="text" class="form-control input verify_text" maxlength="4" autocomplete="off" style="width: 300px; margin-top:10px;">' + '<div class="verify_img" style="margin-top:10px;"> <img src="https://www.storexppen.kr/captcha/login.html" title="명확하게 보이지 않습니까? 여기를 클릭하여 쇄신하십시오." onclick="'+random+'" style="cursor: pointer; margin:0 auto;width: 300px;" class="verify_images">' + '</div>'+ '<div class="preview_show mail-submit-box">\ <a href="javascript:void(0);" class="mail_submit" id="submitGuest">제출</a>\ <a href="javascript:void(0);" class="mail_cancel" id="mailCancel"> 20/5000 이전 단계로 돌아 가기</a>\ </div>'; $(".previewContent").html(html); return false; }) //保存数据 $(document).on("click","#submitGuest",function(){ var verify = $(".verify_text").val(); $.post("https://www.storexppen.kr/quote/verify.html", {'verify':verify}, function (res) { if (res.code !== 1) { layer.alert(res.msg, {icon: 2, title: L('PROMPT_MESSAGE'), btn: [L('DETERMINE')]}); return false; }else{ add(); } }); }) async function add(){ var formData = new FormData(); var loading=layer.load(1); let form = $('#login_form').serializeArray(); form.forEach(function (value) { formData.append(value.name,value.value); }) var result = await uploadPicMultiple(tempStoreImgArr); formData.append('uploadFiles', result); $.ajax({ url:"https://www.storexppen.kr/quote/add.html", method:"POST", data:formData, dataType: 'json', success:function(data){ layer.close(loading); if (data.code === 1) { setTimeout(function(){ $(".form_login #login_form").remove(); var html = '<div class="mail_info_show" style="margin-top: 80px;">\ <div class="mail_complete_img" style="word-break: normal;word-wrap:break-word;font-size: 18px;line-height: 1.6;padding: 30px 0">\ '+L('FEEDBACK_SUCCESS_TIPS')+'\ </div>\ <div class="complete_text"></div>\ <div class="complete_btn" style="text-align: center;">\ <a href="/" >'+L('BACK_TO_HOME')+'</a>\ </div>\ </div>'; $(".form_login").html(html); },300); }else{ $("#token").val(data.data.token); layer.alert(data.msg,{icon:2, title: L('PROMPT_MESSAGE'), btn: [L('DETERMINE')]}); } }, cache: false, contentType: false, processData: false }); return false; } $(document).on("click","#mailCancel",function(){ $(".form-inline-width").css('display','block'); formData = new FormData(); $(".previewContent .preview_show").remove(); }) //上传附件 $("#uploadClick").click(function () { if($("#thumbs ul li").length == "4"){ layer.msg(L('ENCLOSURE_NUM'), {'icon': 2}); return false; } $("#uploadFile").click(); $("#uploadFile").change(function () { var filePath = $(this).val() ; //获取到input的value，里面是文件的路径 var fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase(); // 检查是否是图片 if( !fileFormat.match(/.png|.jpg|.jpeg/) ) { layer.error('Must be png/jpg/jpeg'); return; } tempStoreImgArr.push(this.files[0]); $('#thumbs>ul').append("<div>"+this.files[0].name+" <button type='button' class='tempStoreImgArr' onclick='cancel_image(this)' data-ref-data='"+this.files[0]+"'>cancel</button> </div> "); $(this).removeAttr('id'); $(this).parent().append('<input type="file" id="uploadFile" name="enclosure_path[]" style="display: none" multiple >\n ') }) }) }) function cancel_image(e){ var index = tempStoreImgArr.indexOf($(e).attr('data-ref-data')); tempStoreImgArr.splice(index,1); $(e).parent().remove(); } </script> <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="efb9e14d3657c2a9c307bc091f36047d"> <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/quote/index', }, 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/quote/index\" 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/quote/index&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/quote/index&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/quote/index&lang=kr&webref=" class="login2">'+sing+'</a>\ </li>\ <li>\ <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.kr/quote/index&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/quote/index&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

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