Artist 12 Pro 종이질감 보호필름 | 엑스피펜 공식 스토어

<!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>Artist 12 Pro 종이질감 보호필름 | 엑스피펜 공식 스토어</title> <meta name="keywords" content="엑스피펜 공식 스토어"/> <meta name="description" content="✿국내배송✿<br/>"/> <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/buy/139.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=1732970607; 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> <script> dataLayer=[{ 'ecomm_prodid':'139', 'ecomm_pagetype':'product', 'ecomm_totalvalue':"17000.00", }]; </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> <link rel="alternate" hreflang="es-MX" href="https://www.xp-pen.com/mx-store/buy/paper-like-screen-protector-for-artist-12-pro.html" /> <link rel="alternate" hreflang="en-PH" href="https://www.storexppen.ph/buy/12-16-inch-film.html" /> <link rel="alternate" hreflang="en-SG" href="https://www.storexppen.sg/buy/36.html" /> <link rel="alternate" hreflang="en-ID" href="https://www.storexppen.id/buy/48.html" /> <link rel="alternate" hreflang="fr-FR" href="https://www.storexppen.fr/buy/105.html" /> <link rel="alternate" hreflang="es-ES" href="https://www.storexppen.es/buy/pelicula-mate-artist-12-pro.html" /> <link rel="alternate" hreflang="es-CL" href="https://www.xp-pen.com/la-clstore/buy/pelicula-protectora-artist12-pro.html" /> <link rel="alternate" hreflang="en-EU" href="https://www.storexppen.eu/buy/protective-film-12pro.html" /> <link rel="alternate" hreflang="x-default" href="https://www.xp-pen.com/store/buy/paper-like-screen-protector-for-artist-12-pro.html" /> <link rel="alternate" hreflang="en-GB" href="https://www.storexppen.co.uk/buy/artist12-pro-protective-film.html" /> <link rel="alternate" hreflang="en-CA" href="https://www.xp-pen.com/ca-store/buy/tablet-protective-film-for-artist-12-pro.html" /> <link rel="alternate" hreflang="pt-BR" href="https://www.storexppen.com.br/buy/protective-film-artist-12pro.html" /> <link rel="alternate" hreflang="it-IT" href="https://www.storexppen.it/buy/pellicola-protettiva-12pro.html" /> <link rel="alternate" hreflang="de-DE" href="https://www.storexppen.de/buy/106.html" /> <link rel="alternate" hreflang="ko-KR" href="https://www.storexppen.kr/buy/139.html" />  <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': "goods", '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',"goods"); setCookie('path',window.location.pathname); document.cookie = "title=" + document.title + ";path=/"; var currency='KRW'; </script> <script async src="https://t.xp-pen.com/hwtag.min.js?ver=202411222"></script>  </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXM998B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="/newxp/static2024/ace/js/picturefill.min.js" async></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ENYSRJJS5C"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ENYSRJJS5C'); </script> <script src='/newxp/static2024/js/analyze/ga.js'></script > <link rel="preload" href="/newxp/static2024/css/reset.css?ver=202411222" as="style" /> <link rel="preload" href="/newxp/static2024/css/index/common.css?ver=202411222" as="style" /> <link rel="preload" href="/newxp/static2024/css/geren/commonstyle.css?ver=202411222" as="style" />  <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/reset.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/common.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/commonstyle.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/lang_cut/index.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/revision.css?ver=202411222" /> <script type="text/javascript" src="/newxp/static2024/js/index/cart.js?ver=202411222"></script> <style> img[src=""],img:not([src]){ opacity:0; } #nav .logo_pc { display: block; } #nav .logo_mobile { display: none; } #navbar_header_height { padding-top: 0px; } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } #bulletin .icon .notice-icon { width: 16px; height: auto; } #bulletin .icon .bulletin-title { display: none; } } #bulletin { display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; position: fixed; z-index: 999999; width: 100%; top: 0; } #bulletin .icon { display: flex; align-items: center; margin-right: 15px; /*width: 100px;*/ } .pad_right { padding-right: 50px; } .pad_right .title { margin-right: 10px; } #scroll_div { overflow: hidden; white-space: nowrap; width: 1400px; } #scroll_begin, #scroll_end { display: inline; } #closure { display: inline-block; margin-left: 15px; cursor: pointer; } </style> <header class="navbar_header" id="navbar_header_height">  <style> #closure { color: white !important; margin-right: 10px; } .announcement-bar { width: 100%; background: #000000 !important; display: flex; align-items: center; } .announcement-bar-swiper { width: 800px; padding: 0px 60px; box-sizing: content-box; height: 38px; line-height: 38px; color: white !important; text-align: center; } .announcement-bar-swiper .swiper-slide { background-color: #000000 !important; } .announcement-bar-swiper .iconfont { font-size: 14px; margin-top: 2px; } .announcement-bar-swiper .swiper-button-prev, .announcement-bar-swiper .swiper-button-next { background-image: none !important; height: auto !important; display: flex; justify-content: center; } .announcement-bar-swiper .swiper-button-next.swiper-button-disabled, .announcement-bar-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: auto !important } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } .announcement-bar-swiper { width: 100vw; box-sizing: border-box; padding: 0 45px; } #closure { margin-right: 10px; } .announcement-bar-swiper .swiper-slide { overflow: hidden; height: auto !important; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } .bulletin .icon .bulletin-title { display: none; } } .bulletin { display: flex; align-items: center; justify-content: center; background-color: #000000 !important; color: white; font-size: 12px; } .pad_right { padding-right: 10px; } .pad_right .title { margin-right: 10px; color: white !important; } .pad_right .content { color: white !important; } .scroll_div { width: 1400px; overflow: hidden; white-space: nowrap; text-align: center; } .scroll_begin, .scroll_end { display: inline; } </style> <script> $(function (){ $('.scroll_div').each(function () { var speed = 20; let MyMar = null; var scroll_begin = $(this).find('.scroll_begin')[0]; var scroll_end = $(this).find('.scroll_end')[0]; var scroll_div = $(this)[0]; var isMobile = $(window).width() <= 768; if (isMobile ? $(this).find('.pad_right')[0].innerText.length >= 50 : $(this).find('.pad_right')[0].innerText.length >= 100) { scroll_begin.innerHTML += scroll_begin.innerHTML; scroll_end.innerHTML = scroll_begin.innerHTML; function Marquee() { if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0) scroll_div.scrollLeft -= scroll_begin.offsetWidth; else scroll_div.scrollLeft++; } MyMar = setInterval(Marquee, speed); // scroll_div.onmouseover = function () { // clearInterval(MyMar); // } // scroll_div.onmouseout = function () { // MyMar = setInterval(Marquee, speed); // } } }) }) $('.announcement-bar-closure').click(function () { document.getElementById("navbar_header_height").setAttribute('style', 'padding-top:0px') $('.announcement-bar').each(function () { $(this).css('display', 'none') }) $('.xp_language').css('padding-top', 0) }) </script>  <div> </div> <div class="navbar_header-warpper"> <div class="store_nav_top" id="nav"> <div class="store_nav_top_box">  <div class="mobile_navtoggle" id="mobile_navtoggle"> <i class="iconfont icon-a-icon1x-22 navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" ></i> </div>  <div class="nav_logo"> <a href="/" aria-label="link"> <img src="https://xpstore.oss-us-west-1.aliyuncs.com/img/xppen/logomoblie.svg" class="img_mobile" width="32px" height="32px" border="0" alt="image"/> <img src="https://resource.xp-pen.com/Uploads/images/20241015/BClKTOkORLcPwlQNicHj.png?ver=2018072503885" border="0" width="" height="" alt="image"/> </a> </div>    <div class="navbar-menu-waprrer"> <i class="icon-a-icon1x-33 iconfont left-icon"></i> <div class="navbar-menu"> <div class="navbar-sale-activity"> <img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image"> <a href="https://www.storexppen.kr/topic/xppen_BlackFriday_event.html" aria-label="link">블랙 엑스피펜 데이</a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/series/pad.html" class="navbar-menu-list-title" aria-label="link">드로잉 패드 </a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/series/artist-series-display.html" class="navbar-menu-list-title" aria-label="link">액정 타블렛 </a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/series/star-series-tablet.html" class="navbar-menu-list-title" aria-label="link">펜 타블렛 </a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/topic/Accessories.html" class="navbar-menu-list-title" aria-label="link">액세서리 </a>  <div class="nml-item-warpper"> <div class="nml-item"> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/6.html' aria-label="link">스타일러스</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/14.html' aria-label="link">펜심</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/protectivefilm.html' aria-label="link">보호 필름</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/pouch.html' aria-label="link">파우치</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/16.html' aria-label="link">스탠드</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/tabletkeyboard.html' aria-label="link">타블렛 키보드</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/17.html' aria-label="link">어댑터/케이블</a> </div> <div class="nml-item-list"> <a href='http://www.storexppen.kr/series/18.html' aria-label="link">주변제품</a> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/article/10.html" class="navbar-menu-list-title" aria-label="link">고객지원 </a>  <div class="nml-item-warpper"> <div class="nml-item"> <div class="nml-item-list"> <a href='https://www.storexppen.kr/topic/78.html' aria-label="link">X3 Pro 기술</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.kr/article/10.html' aria-label="link">문의하기</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.kr/article_list/37.html' aria-label="link">공지사항</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.kr/topic/80.html' aria-label="link">XPPen 코인</a> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.kr/topic/free-linedrawing.html" class="navbar-menu-list-title" aria-label="link">선화 다운로드 </a> </div> </div> <i class="icon-a-icon1x-32 iconfont right-icon"></i> </div> <div class="navbar_right member">  <div class="menu-search"> <i class="iconfont icon-a-icon1x-30"></i> </div>  <div class="navmenu_hover navbar_right_cart nav_carts" id="nav_carts"> <a class="shownavcart" href="https://www.storexppen.kr/cart/index.html" aria-label="link"> <i class="iconfont icon-shopping-cart" id="cart_icon"> <span class="badge badge-primary icon_cart_num" style="display: inline-block;vertical-align: sub;">0</span> </i> </a> </div>  <div class="navmenu_hover navbar_right_account" id="nav_accounts"> <a aria-label="link" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref=' class="login1" rel='nofollow'> <i class="iconfont icon-user"></i> </a> <ul class="navbar_account_menu login_content"> <span class="nav_bagview_caret right_account"></span> <li><a aria-label="link" id="login_url" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref=' class="login2" rel="nofollow">로그인</a></li> <li><a aria-label="link" href='https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref=' class="login3" rel="nofollow">회원 가입</a></li> </ul> </div> </div>  <div class="" id="openUser" style='display: none'> <a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref=" rel="nofollow" aria-label="login"> <i class="iconfont icon-account"></i> </a> </div> </div> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <div class="navbarToggleExternalContent-warpper">  <div class="moblie-menu"> <div class="moblie-menu-sale-activity"> <a href='https://www.storexppen.kr/topic/xppen_BlackFriday_event.html' aria-label="link"><img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image">블랙 엑스피펜 데이</a> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/series/pad.html' aria-label="link"> 드로잉 패드 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/series/artist-series-display.html' aria-label="link"> 액정 타블렛 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/series/star-series-tablet.html' aria-label="link"> 펜 타블렛 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> 액세서리 <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content" >  <div class="mwc-item"> <div class="mwc-title"> 스타일러스 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/x3proslim.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240820/WDNGgWoQ5on4x66oBeP6.png" alt="X3 Pro 슬림 스타일러스<국내배송>"> </div> <div class="title"> X3 Pro 슬림 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/x3pro.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20230905/dd9ce388c2292ab73dba316c5c022924.jpg" alt="X3 Pro 스마트칩 스타일러스<국내배송>"> </div> <div class="title"> X3 Pro 스마트칩 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/x3smartchipstylus.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20211116/de05de6ee06d7406747b699c60566176.jpg" alt="X3 Plus 스마트칩 스타일러스<국내배송>"> </div> <div class="title"> X3 Plus 스마트칩 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/141.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210219/89c8c3fed67194f49ec3bfbeb3125a97.jpg" alt="PA6 스타일러스<국내배송>"> </div> <div class="title"> PA6 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/134.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201202/345650d0149ac592c43fe2fabf5c6569.jpg" alt="PA5 스타일러스"> </div> <div class="title"> PA5 스타일러스 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/85.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200519/07ecd267f4468523f01ee0e8886d4291.jpg" alt="PA2 스타일러스<국내배송>"> </div> <div class="title"> PA2 스타일러스<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/79.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20190930/1517531eff34a2ebca7bf14df9c840c6.jpg" alt="PA1 스타일러스"> </div> <div class="title"> PA1 스타일러스 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/110.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200625/72aad26203a55bc65e06ecbfc963535e.jpg" alt="PH03 스타일러스<해외배송>"> </div> <div class="title"> PH03 스타일러스<해외배송> </div> </a> <a href="https://www.storexppen.kr/series/6.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 펜심 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/241.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241016/oKykRxJHAiwDqY2P1Jvh.png" alt="Magic Drawing Pad 펜심 <해외배송>"> </div> <div class="title"> Magic Drawing Pad 펜심 <해외배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/133.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/26a8b687fdc503f14906b5be693cf60b.jpg" alt="AC95 펜심<국내배송>"> </div> <div class="title"> AC95 펜심<국내배송> </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/49.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20231127/eed4af8a0feeee80cedecfbc8d4e4635.jpg" alt="AC04 펜심"> </div> <div class="title"> AC04 펜심 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/109.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20220426/7d7092654d007560dda50b8b1050bc4e.png" alt="SPE39 펜심"> </div> <div class="title"> SPE39 펜심 </div> </a> <a href="https://www.storexppen.kr/series/14.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 보호 필름 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/97.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200427/ed491d943b9ce344ca55d8e1a0f35f85.jpg" alt="Artist 13.3 Pro 보호필름"> </div> <div class="title"> Artist 13.3 Pro 보호필름 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/139.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" alt="Artist 12 Pro 종이질감 보호필름"> </div> <div class="title"> Artist 12 Pro 종이질감 보호필름 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/132.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201116/36dc77e8a623e0c578a0bd67e029cd1a.jpg" alt="Deco Pro S/M 타블렛 보호필름 (2개입)"> </div> <div class="title"> Deco Pro S/M 타블렛 보호필름 (2개입) </div> </a> <a href="https://www.storexppen.kr/series/protectivefilm.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 파우치 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/236.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240906/o0Ay93FYr46x3DPLGcQu.jpg" alt="Magic Drawing Pad 파우치"> </div> <div class="title"> Magic Drawing Pad 파우치 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/94.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200318/b22461cd1f9bb045f6b8eb2c65f8da2a.jpg" alt="AC48 타블렛 파우치(10인치)"> </div> <div class="title"> AC48 타블렛 파우치(10인치) </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/50.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20171115/aad4191ed345b0fde9394d0a024eca79.jpg" alt="AC20 케이블 파우치"> </div> <div class="title"> AC20 케이블 파우치 </div> </a> <a href="https://www.storexppen.kr/series/pouch.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 스탠드 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/191.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20220615/afdf1c4c9755e71daef96a7d41b179ca.jpg" alt="엑스피펜 휴대용 조절식 거치대"> </div> <div class="title"> 엑스피펜 휴대용 조절식 거치대 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/71.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240702/MDRcrRHAef309AKtWXPO.jpg" alt="AC42 디스플레이 스탠드"> </div> <div class="title"> AC42 디스플레이 스탠드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/38.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20170725/a0407a79c10d041fb529a073650dae29.jpg" alt="AC18 디스플레이 스탠드"> </div> <div class="title"> AC18 디스플레이 스탠드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/70.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240702/nzdSSbjvVEDGsS0naEyL.jpg" alt="AC41 디스플레이 스탠드"> </div> <div class="title"> AC41 디스플레이 스탠드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/237.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240930/Qtuc3qAky2FTc8uqrtlO.jpg" alt="ACS18 디스플레이 스탠드"> </div> <div class="title"> ACS18 디스플레이 스탠드 </div> </a> <a href="https://www.storexppen.kr/series/16.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 타블렛 키보드 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/ack05kr.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20230315/45a9da439b343e1c4c1269925fea7e2d.jpg" alt="ACK05 무선 타블렛 키보드"> </div> <div class="title"> ACK05 무선 타블렛 키보드 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/smart_keyboard.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240715/B6trOeOANMTdmXT1xuvr.jpg" alt="XPPen 스마트 키보드<국내배송>"> </div> <div class="title"> XPPen 스마트 키보드<국내배송> </div> </a> <a href="https://www.storexppen.kr/series/tabletkeyboard.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 어댑터/케이블 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/165.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20211021/c607acbb9b794110432e08e328522505.jpg" alt="다기능 USB-C케이블 ACW03"> </div> <div class="title"> 다기능 USB-C케이블 ACW03 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/127.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201009/18d1cb4344fd16fddf9eabc58e74aad6.jpg" alt="전원 연장 케이블 AC57"> </div> <div class="title"> 전원 연장 케이블 AC57 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/98.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20200428/d8507a74eae7637c7f5febb1fb74f835.png" alt="Artist 22 Pro/Artist 22E Pro 펜 충전 케이블 SPE35"> </div> <div class="title"> Artist 22 Pro/Artist 22E Pro 펜 충전 케이블 SPE35 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/93.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20220125/41790023c938eb79fad96527fc16abf1.png" alt="3-in-1 케이블 AD41"> </div> <div class="title"> 3-in-1 케이블 AD41 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/81.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20190930/fdf5fd92bff1a55b51b03b0c6dcdf9b7.jpg" alt="Deco 시리즈 타블렛 케이블 AC39"> </div> <div class="title"> Deco 시리즈 타블렛 케이블 AC39 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/53.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20171225/d3b07218ad383ccfa95f0f9aae277cdb.jpg" alt="3-in-1 케이블 SPE40"> </div> <div class="title"> 3-in-1 케이블 SPE40 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/102.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20201230/8176ea8871e60426017783a6dcfa729c.jpg" alt="HDMI 케이블 SPE21"> </div> <div class="title"> HDMI 케이블 SPE21 </div> </a> <a href="https://www.storexppen.kr/series/17.html" class="mw-view-more">더 알아보기</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> 주변제품 <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.kr/buy/catglove.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210813/1535b5963c0f974e3349373a7b6f45a6.jpg" alt="오염 방지 드로잉 장갑"> </div> <div class="title"> 오염 방지 드로잉 장갑 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/acl01.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210510/a1ea9249fb3e6a6a3045f845f26f6a06.jpg" alt="ACL01 단축키 스티커"> </div> <div class="title"> ACL01 단축키 스티커 </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/35.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20180913/a57fbb14d888e274afaa2d2a0d7f212e.jpg" alt="AC08 드로잉 글러브(2개)"> </div> <div class="title"> AC08 드로잉 글러브(2개) </div> </a> <a class="mei-item" href='https://www.storexppen.kr/buy/34.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20180913/5723f091e67d04f9322b31cf271975fe.jpg" alt="AC01 드로잉 글러브(2개)"> </div> <div class="title"> AC01 드로잉 글러브(2개) </div> </a> <a href="https://www.storexppen.kr/series/18.html" class="mw-view-more">더 알아보기</a> </div> </div> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> 고객지원 <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content" >  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/topic/78.html" aria-label="link"> X3 Pro 기술 </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/article/10.html" aria-label="link"> 문의하기 </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/article_list/37.html" aria-label="link"> 공지사항 </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.kr/topic/80.html" aria-label="link"> XPPen 코인 </a> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.kr/topic/free-linedrawing.html' aria-label="link"> 선화 다운로드 </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">더 알아보기</a> </div> </div> </div> <div class="foot_margin_end nm-toolbar"> <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 350px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> <p class="current_site_name">Korea, South</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> </div> <div class="search-warpper"> <div class="nav_search" id="nav_searchs"> <form class="search_form_bar" action="https://www.storexppen.kr/search/index.html" method="get"> <div class="search_form_wrapper"> <div class="search_form_input"> <div class="input_box" style="flex: 1;"> <button type="button" class="search_btn" aria-label="search button"><i class="iconfont icon-search"></i></button> <input class="search_input" id="searchInput" name="search_word" type="search" placeholder="검색" autocomplete="off" value=""> <i class="iconfont icon-a-icon1x-31 close-icon" ></i> </div> <button type="button" class="inp_search search_btn">검색</button> </div> <div class="search_form_close"> <span class="close_text"> <i class="iconfont icon-close"></i> </span> </div> </div> <div class="history"> <div class="history_title"> <div>검색 기록</div> <div>CLEAR_ALL</div> </div> <div class="history_btn"> </div> </div> <div class="search_bar_menu" id="searchMenu" aria-hidden="true"> <div class="searchMenu-warpper"> <div class="sw-result"> <p class="title">Recommendations</p> <ul class="search_bar_menu_linklist search-list-box"> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="7">Artist Pro 16 (2세대) </span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="10">Deco Pro MW/LW/XLW(2세대) </span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="8">Artist Pro 14 (2세대) </span> <span class="module_bag_hot_show">HOT</span> </li> <li class="search_input search_bar_menu_link " data-id="4">Artist 16 (2세대)</li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="5">Artist 22 (2세대)</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="search_input search_bar_menu_link " data-id="6">Artist 12 (2세대)</li> <li class="search_input search_bar_menu_link " data-id="9">Artist 24 FHD </li> </ul> </div> <div class="sw-history"> <p class="history-title">검색 기록</p> <ul class="search_bar_menu_linklist search_history"> </ul> </div> </div> </div> </form> </div> <script> var swiper = new Swiper(".mySwiper", { slidesPerView: 2, spaceBetween: 9, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <script> $(function () { $('#searchInput').bind('input propertychange', debounce(ajaxGetSearchResult,300,false)); function debounce (fn, delay, immediate) { var timer = null; immediate = immediate || false; return function() { var context = this; var args = arguments; timer && clearTimeout(timer); if (immediate) { var callbackNow = !timer; timer = setTimeout(() => { timer = null; }, delay); callbackNow && fn.apply(context, args); } else { timer = setTimeout(() => { fn.apply(context, args); }, delay); } } } function ajaxGetSearchResult(){ $.ajax({ url: _ROOT_+"search/ajaxGetSearchWord", type: "get", dataType: "json", data: { "keyword": $('#searchInput').val() }, success: function (data) { let searchData = data.data let source = '' if(searchData?.recommend_keyword){ for (let i = 0; i < searchData.goods_list.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData.goods_list[i].goods_name}" data-url="${searchData.goods_list[i].buy_url}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData.goods_list[i].goods_name}</a> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = $(this).attr('data-url'); }) }else{ for (let i = 0; i < searchData.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData[i]}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData[i]}</span> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).attr('data-search'); }) } KeyWordExpHwTag(); return true; } }) } }) $('#searchInput').bind('keydown', function (event) { if (event.keyCode == "13") { if ($(this).val() != 'undefined') { let search_key = $(this).val(); updatePubAttr({ "key_word": search_key, "key_word_type": "direct_words", "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type": "direct_words", }); localStorage['SearchResults'] = JSON.stringify({ "key_word" : search_key, "key_word_type" : "direct_words", "result_number" : 0, }); store_search_history(search_key); } } }) $('.search_form_input .close-icon').click(function(){ $('#searchMenu').animate({height:"0"},300,function () { $(this).hide() $('.search-warpper').hide() $('#searchMenu').height('auto') $('.search_bar_menu').attr('aria-hidden', true); }) $('body').off('click'); }) function base64Encode(str) { return btoa(encodeURIComponent(str)); } function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); }; return null; } // if (window.location.pathname == '/search/index.html') { // console.log("nononononono") // $('#searchInput').val("") // } function searchKeywordsHwTag($this){ try { var key_word_type; var parentUl = $this.closest('ul'); if(parentUl.attr('class').includes('search_history')) { key_word_type = 'history_words'; }else{ key_word_type = 'related_words'; } let key_word = $this.text().trim(); updatePubAttr({ "key_word": key_word, "key_word_type" : key_word_type, "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'SearchKeywords', { "key_word": key_word, "key_word_type" : key_word_type, }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : $this.text().trim(), 'key_word_type' : 'related_words', 'result_number' :1 }); } catch (e) { console.log(e.message); } } function KeyWordExpHwTag(){ try { let eventParam = []; $("ul.search-list-box li").each(function () { eventParam.push({ "key_word": $(this).find('.search_input').text().trim().replace(/\n/g, '') , "key_word_type":"recommend_words" , "key_word_number": $(this).index()+1 , }); }); $(".search_input").each(function () { let key_word = $(this).find('.search_bar_menu_link').text().trim().replace(/\n/g, ''); if(key_word){ eventParam.push({ "key_word": key_word , "key_word_type":"history_words" , "key_word_number": $(this).index()+1 , }); } }); console.log(eventParam); updatePubAttr({ "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'KeyWordExp', eventParam); }catch (e){ console.log(e.message); } } </script> </div> </div>  <style type="text/css">/* uk_laba */ .xp17_kr_tk{width: 100%;margin: 0 auto; background: #fff;} .xp23_kr_tk{display:none;} #uk_laba {max-width: 1200px;margin: 0 auto;display: flex;align-items: center;padding: 8px 0;font-size: 18px;justify-content: inherit;} #uk_laba img{width: 41px;margin-right: 8px;} #uk_laba .uk_laba_p{color: #000;font-size: 16px;font-weight:bold;line-height: 1.5;margin: 0;padding: 0; margin-right: 15px;text-decoration: none;text-align: left;} #uk_laba .uk_laba_p span{color: #E74343;font-size: 14px} #uk_laba .uk_laba_p a{color: #00A0E9;font-size: 14px;font-weight:500;text-decoration: none;} @media screen and (max-width: 480px ){ #uk_laba{font-size: 12px} #uk_laba .uk_laba_p {font-size: 12px;margin-right: 10px;} /*#uk_laba .uk_laba_p span {font-size: 14px;}*/ #uk_laba .uk_laba_p a {font-size: 12px;} #uk_laba img {width: 30px;} #uk_laba .uk_laba_p span{font-size: 12px;} } #store_countdown{width: 100%;height: auto;background: #1549B7;position: relative;} #store_ctd{max-width: 1200px;margin: 0 auto; position: relative; text-align: center; font-weight: bold; font-size: 16px;color: #fff;padding: 10px 30px 10px 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;} #store_ctd .store_day, #store_ctd .store_h, #store_ctd .store_m, #store_ctd .store_s {padding: 0 4px;} #store_ctd img{width: 35px;margin-right: 8px;} #store_ctd .store_day{padding-left: 10px;} #store_ctd i{font-size: 16px;font-weight: bold;cursor: pointer; color: #fff;line-height: 1;position: absolute;top: 50%;right: 10px;transform: translate( 0%, -50%);z-index: 3;} #eu_ny21_cd{margin-left: 4px;margin-right: 4px;}</style><div class="xp17_kr_tk xp23_kr_tk"><div id="uk_laba"><img src="https://resource.xp-pen.com/Uploads/home_images/uk/other/lb.png" alt="image"/><div class="uk_laba_p"><span class=""> 추석 휴무 안내:  9월29~10월3일 휴무, 10월4일 ~10월6일까지는 내부 시스템 점검으로 인해 카톡 1:1상담 서비스는 일시 중단됩니다. 이용에 불편을 드려 죄송합니다. <br/> 9월29일 ~10월6일에 연락 주신 건은 10월7일부터 순차적으로 처리됩니다. 이 동안 상담 필요하시면 아래 메일 주소로 연락 부탁드립니다.<br/> 주문 (결제) 문의 : <a href="mailto:shopkr@xp-pen.com">shopkr@xp-pen.com</a>    제품 (A/S) 문의 : <a href="mailto:servicekr@xp-pen.com">servicekr@xp-pen.com</a><br/></span></div></div></div><script> $(function () { var oNoHis23 = 1683129599 ;//结束时间戳 2023-05-03 23:59:59 var startoNoHis23 = 1682870400;//开始时间戳2023-05-01 00:00:00 var timestamp23 = _NOW_TIME; //服务器返回的时间 var intDiff23 = parseInt(oNoHis23 - timestamp23);//倒计时总秒数量 function timer(intDiff23){ if ((startoNoHis23 >timestamp23) || (timestamp23 > oNoHis23)) { //Finish //$(".xp23_kr_tk").hide(); clearInterval(down_timer23);//倒计时结束，清除倒计时 } else { //start //$(".xp23_kr_tk").show(); } } var down_timer23 = setInterval(function () { timer(intDiff23); intDiff23--; timestamp23++; }, 1000); })</script>  </header> <div class="shop-drawer-warpper"> <div class="mask"> </div> <div class="shop-drawer"> <div class="drawer"> <div class="drawer-title"> <div class="dt"> Shopping Cart <span class="icon-colose iconfont"></span> </div> </div> <div class="drawer-container"> <div class="drawer-warpper"> </div> <div class="drawer-pay"> <div class="total"> <p> </p> <div class="price"> <p class="discount"></p> <p class="actual"></p> </div> </div> </div> </div> </div> </div> </div> <div class="" id="store_SiteSwitchMask"></div> <div id="store_SiteSwitch"> <div class="SS_el-dialog new_Year_star0"> <div class="SS_el-dialog_icon"><i class="iconfont icon-colose "></i></div> <div class="SS_el-dialog_tit"> 국가 또는 지역을 선택하십시오</div> <div class="SS_el-dialog_region">  </div> </div> </div> <script async src="/newxp/static2024/js/index/header.js?ver=202411222"></script> <script src="/newxp/static2024/js/index/lazy.js?ver=202411222"></script> <script src="/newxp/static2024/js/ziyon/jquery.raty.min.js?ver=202411222"></script> <script> var flat = true var announcementBarSwiper = new Swiper('.navbar_header1 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) var announcementBarSwiper2 = new Swiper('.navbar_header2 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) if (_LANG_ != 'jp') { // 评论置顶 $(window).on('scroll', function () { var windowscrollWidth = $(window).width(); if (windowscrollWidth > 768) { if ($(window).scrollTop() <= 136) { $('.navbar_header2').css('position', 'relative') $('.navbar_header2').css('display', 'none') flat = true $($('.shownavcart')[1]).parents('.navbar_right_cart').removeClass('open') } else if ($(window).scrollTop() > 136) { $('.navbar_header2').css('display', 'block') $('.navbar_header2').css('position', 'fixed') $('.navbar_header2').css('z-index', '999') $('.navbar_header2').css('top', '0') $('.navbar_header2').css('overflow', 'visible') flat = false $($('.shownavcart')[0]).parents('.navbar_right_cart').removeClass('open') }}});} </script> <script type="text/javascript" charset="utf-8"> $(function () { const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 768) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() $(document).on("click", ".SS_el-dialog_icon i", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch .SS_el-dialog", function (e) { e.stopPropagation();//阻止事件冒泡即可 }); $(document).on("click", ".jump2site", function (e) { var urls = $(this).attr('data-url'); urls = urls.split(','); newsetCookie('user_select', 1); newsetCookie('select_jump', urls[0]); window.parent.location = urls[0] + "?user_select=1"; }); $('.form-select').click(function () { if (this.value === 'change-site') { this.options[0].selected = true; selectSite(); } }); $(document).on("click", ".countryLanguageSelectOpen", function () { selectSite(); }); $(document).on("click", ".nation-select", function () { selectSite(); }); $(document).on("click", ".header-word-waprrer .hww-warpper .location-select", function () { selectSite(); }); $('.navbar_header-nation .nation-close').click(function () { $('.navbar_header-nation').hide() localStorage.setItem('ip_pop',1) }) if(localStorage.getItem('ip_pop')!=1){ $('.navbar_header-nation').css('display','flex') } function selectSite() { var index = layer.load(1); $.ajax({ type: "POST", url: 'https://www.storexppen.kr/index/selectsite.html', //+tab,"/index/selectSite" data: { action: "json" }, dataType: "json", success: function (data) { layer.close(index); var workHtml = ""; var workul = ""; $.each(data, function (index, value) { workHtml += '<div class="SS_el-dialog_country">' + '<div class="SS_el-dialog_cytit">' + value.fullname + '</div>' + '<ul class="SS_el-dialog_country_list" >' $.each(value.child, function (index1, value1) { workHtml += '<li class="SS_el-dialog_cylist"><span class="jump2site" data-url="' + value1.jump_url + '"><span> ' + value1.title + '</span><span></span>' + '</span></li>' }); workHtml += '</ul>' + '</div>'; }); $("#store_SiteSwitch .SS_el-dialog_region").html(workHtml); $("#store_SiteSwitchMask").show(); $("#store_SiteSwitch").fadeIn(300); $('html').addClass('sitebodyhidee'); } }); } var initSearshList = $('.search-list-box').html() let initsbmHeight = '' let searchMenu = document.getElementById('searchMenu'); $('.menu-search .iconfont').click(function () { if(localStorage.getItem('xppen/search_history')!=null){ if(JSON.parse(localStorage.getItem('xppen/search_history')).length==0){ $('#searchMenu .history-title').hide() initsbmHeight='' }else{ $('#searchMenu .history-title').show() } }else{ initsbmHeight='' $('#searchMenu .history-title').hide() } $('.navbar_header .search-warpper').show() $('.search_bar_menu').attr('aria-hidden', false); $('.search_bar_menu').show() if($('.search_bar_menu_linklist li').length<=5){ let sbmHeight = '300px'; }else{ let sbmHeight = $('.search_bar_menu').height(); } if(initsbmHeight==''){ if($('.search_bar_menu_linklist li').length<=5){ initsbmHeight = '300px'; }else{ initsbmHeight = $('.search_bar_menu').height(); } } $('#searchInput').val('') $('.search-list-box').html(initSearshList) $('.search_bar_menu').height('0px').animate({ height: initsbmHeight!=''?initsbmHeight:sbmHeight }, 300); setTimeout(function(){ $('body').click(function(e){ if(!JSON.parse($('.search_bar_menu').attr('aria-hidden'))){ if(!document.querySelectorAll('.navbar_header-warpper')[0].contains(e.target)){ $('.search_form_input .close-icon').click() } } }) },400) $('.search_bar_menu_link').click(function () { SearchKeywordsHwTag($(this)); var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) }) $('.search_bar_menu_link').click(function () { var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) let url = window.location.href if (url.indexOf('?user_select=1') !== -1) { url = url.replace('?user_select=1', '') window.history.pushState({}, '', url) } function SearchKeywordsHwTag($this){ let search_key = $this.html() if($this.closest('ul').hasClass('search_history')){ updatePubAttr({ "key_word": search_key, "key_word_type" : 'history_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }) hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'history_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'history_words', 'result_number' :0 }); }else{ updatePubAttr({ "key_word": search_key, "key_word_type" : 'recommend_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'recommend_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'recommend_words', 'result_number' :0 }); } } }); </script> <script> $(function () { renew_cart_list() $('#mobile_navtoggle .navbar-toggler').click(function(){ $('.navbarToggleExternalContent-warpper').find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) }) $('.navbar_header .nw-category-title').hover(function () { if (!$(this).parent().parent().hasClass('nw-category-item-active')) { $('.navbar_header .nw-category-item').each(function () { $(this).removeClass('nw-category-item-active') }) $(this).parent().parent().addClass('nw-category-item-active') } }) $('.navbar_header .navbar-menu .navbar-menu-list').hover(function () { $(this).find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) $($(this).find('.nw-category-item')[0]).addClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(180deg)') $(this).find('.nml-category-mask').fadeIn() if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'320px'},350,function(){ $(this).find('.nnc-container').fadeIn(800) }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'600px'},350,function(){ $(this).find('.nml-warpper').fadeIn(800,function(){ $(this).css('display','flex') }) }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('left',$(this).offset().left -50) $(this).find('.nml-item-warpper .nml-item').css('display','flex') } }, function () { $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nnc-container').hide() $(this).parent().hide() }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nml-warpper').css('display','none') $(this).parent().hide() }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('display','none') } }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $(window).scroll(function() { if($(window).width()>1024){ $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') $(this).find('.nml-category-mask').hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').parent().hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').parent().hide() } }); let height = $('.navbar_header').height() $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) $('#collapsibleNavbar').on('show.bs.collapse', function () { $("body").css({"overflow":"hidden","height":`calc(${window.innerHeight}px - ${height}px)`}) $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) }).on('hide.bs.collapse', function () { $("body").css({ "overflow": "auto", "height": "auto" }) }); $('.shop-drawer-warpper .mask').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.shop-drawer .icon-colose').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.moblie-menu .mei-title').click(function (e) { $($(this).parent().find('.mei-warpper-content')[0]).toggle() }) $('.moblie-menu .mwc-title').click(function (e) { $(this).parent().find('.mei-warpper-content').toggle() }) $('.header-word-waprrer .toggle-word').click(function(){ $(this).parent().find('.hww-warpper').toggle() }) if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } } window.addEventListener('resize',function() { if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }); $('.navbar-menu-waprrer .left-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: '0' }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') }) }) $('.navbar-menu-waprrer .right-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: $('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth - $('.navbar-menu-waprrer .navbar-menu')[0].clientWidth }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') }) }) var before_request = 1; function renew_cart_list() { let cartRoter = [_ROOT_ + 'cart/index.html', _ROOT_ + 'Cart/index', _ROOT_ + 'Cart/index.html', _ROOT_ + 'cart/index'] $.ajax({ type: "POST", url: _ROOT_ + "Cart/getCart",//+tab, data: { "selected": 0, "selectedPrice": 0, "cart_page": cartRoter.includes(_ROOT_.includes('https') ? 'https://' + window.location.host + window.location.pathname : window.location.pathname) ? 1 : 0 },// 你的formId success: function (data) { $(".drawer-container").html(''); $(".drawer-container").append(data); } }); } $(window).on('scroll', function () { $('.hww-warpper').hide() }) $('body').click(function(e) { if ($('.word-waprrer .hww-warpper').css('display') != 'none') { console.log(e.target) if(document.querySelectorAll('.word-waprrer').length>0){ if(!document.querySelectorAll('.word-waprrer')[0].contains(e.target)){ $('.word-waprrer .hww-warpper').hide() } } } if ($('.dollar-waprrer .hww-warpper').css('display') != 'none') { if(document.querySelectorAll('.dollar-waprrer').length>0){ if(!document.querySelectorAll('.dollar-waprrer')[0].contains(e.target)){ $('.dollar-waprrer .hww-warpper').hide() } } } }); }); </script> <script type="text/javascript" charset="utf-8"> var oss_host = 'https://resource.xp-pen.com'; var _OSS_STATIC_ = oss_host + '/newxp/static/'; var isSupportWebp; (function (doc, _this) { var image = new Image(); image.onload = function () { if (image.width === 1) { document.documentElement.classList.add('webp'); isSupportWebp = 1; } else { isSupportWebp = 0; } }; image.src = "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="; })(document); function webpFormat(file) { if (isSupportWebp) { if (file.indexOf(oss_host) !== -1) { return file.replace(/\.[^.]+$/, '.webp'); } } return file; } </script> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/productpage.css?ver=202411222"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/jq22.css?ver=202411222" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/detail.css?ver=202411222"> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/index.css?ver=202411222"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/ace/css/select2.min.css" /> <script type="text/javascript" src="/newxp/static2024/ace/js/select2.min.js"></script> <style> .select2-container { max-width: 100%!important; } .select2-container .select2-selection--single{ height: 35px; margin-top: 20px; } .select2-selection__arrow { display: none; } .country_reference:after{ display: none; } .relation_list ul{ justify-content: center; } .relation_list ul li{ margin: 0 .5%; } .relation_list ul li .img img{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .essential-list{ margin-top: 14px; } .cus-label-ico{ position: absolute; top: -12px; right: -7px; } .cus-label-ico p{ position: absolute; top: 18px; left: -9px; color: #fff; font-size: 13px; font-weight: bold; width: 130px; text-align: center; white-space: nowrap; -webkit-transform: rotate(35deg) scale(.5); -moz-transform: rotate(35deg) scale(.5); -oz-transform: rotate(35deg) scale(.5); transform: rotate(35deg) scale(0.5); } .cus-label-info { position: absolute; right: 10px; bottom: 40px; color: #289864; font-weight: 400; font-size: 12px; line-height: 1.5; padding: 2px 8px ; background: #EBF9F2; border-radius: 4px 4px 4px 0px; border: 1px solid #ADE5CB; } .popover-header{ background-color: transparent; border: 0; } .popover-header,.popover-body{ padding: 0; font-size: 16px; color: rgba(0,0,0,0.8); line-height: 1.5; } .popover-header{ font-size: 16px; font-weight: 700; color: #000000; padding-bottom: 0; } .popover{ border: 0; box-shadow: 0px 8px 40px 0px rgba(0,0,0,0.08); } .specifications-popover-wapprer{ } .specifications-popover-wapprer .attribute{ margin-bottom: 24px; } .specifications-popover-wapprer .attribute .attribute-title{ font-size: 14px;color: #000000;line-height: 21px;margin-bottom: 8px; } .specifications-popover-wapprer .attribute .attribute-container .ac-item{ display: inline-block; height: 37px; line-height: 37px; border-radius: 4px 4px 4px 4px; padding: 0 16px; font-weight: 500; border: 1px solid #646464; margin-right: 16px; cursor: pointer; margin-bottom: 10px; } .specifications-popover-wapprer .attribute .attribute-container .ac-active{ border: 1px solid #FF640A !important; color: #FF640A; } .specifications-popover-wapprer .attribute .attribute-container .ac-disable{ border: 1px dashed #c9cdd0 !important; background-color: #f5f7f8 !important; color: #9ca0a4 !important; pointer-events: none; cursor: default; } .popover{ max-width: 450px; width: 450px; } .sp-confirm{ width: 100%; line-height: 40px; background: #FF640A; border-radius: 4px 4px 4px 4px; height: 40px; text-align: center; color: #fff; cursor: pointer; } .shipping_tips{ max-width: 500px; } </style> <script> var isOpenStateEstimate = 0</script> <div class="crumbs ellipsis" id="crumbs"> <a href="https://www.storexppen.kr" aria-label="link">홈</a> <span>/</span> <a href="https://www.storexppen.kr/series/protectivefilm.html" aria-label="link">보호 필름</a> <span>/</span> <span style="color: rgba(0,0,0,1);">Artist 12 Pro 종이질감 보호필름</span> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"홈","item":"https://www.storexppen.kr"},{"@type":"ListItem","position":2,"name":"보호 필름","item":"https://www.storexppen.kr/series/protectivefilm.html"},{"@type":"ListItem","position":3,"name":"Artist 12 Pro 종이질감 보호필름","item":""}]}</script><style> .crumbs a:hover{ color: rgba(0,0,0,1); } </style>  <div class="homepage_1_2"> <div class="col-xl-7 col-lg-7 col-md-12 padding0" id="topHomePage" style="padding-left: 0;padding-right: 40px;"> <div></div> <div class="product-box">  <style> .zoom-gallery-slide { display: none!important; width: 100%; } .spec-preview{width: 100%;display: none} iframe{ width: 100%; height: 500px; } .spec-preview.active { display: inline-block; width: 100%; } .jqzoom{ float: inherit; height: 100%; } /* .jqzoom img{ width: 100%; height: 100%; background: none; } */ #videoPlayCover .icon-youtube1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; color: #ff011d; } .MagicZoom{ /*width: 100%!important;*/ } .video-slide { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-slide iframe, .video-slide object, .video-slide embed { position:absolute; top:0; left:0; width:100%; height:100%; } .wrapper{ position: fixed; display: none; justify-content: center; align-self: center; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-color: rgba(255, 255, 255); background-size: 50%; } .wrapper:hover{ cursor: zoom-out; } .wrap_carousel { width: 90%; cursor:auto; max-width: 615px; overflow: hidden; margin: auto; left: 0; bottom: 0; right: 0; } .wrap_carousel .car_img{ /* display: inline-block; */ display: flex; align-items: center; height: 100%; /* transform: translate3d(0px, 0px, 0px); */ /* transition-duration: 500ms; */ } .wrap_carousel .car_img img { width: 100%; min-width: 625px; object-fit: cover; height: auto; flex: 1; } .sel_iconl { cursor: pointer; /* background-image: url(/static/images/iconL.png); */ width: 48px; height: 48px; position: absolute; left: 10px; top: 50%; text-align: center; border-radius: 50%; } .sel_icon i { font-size: 24px; color: #707070; font-size: 24px; background: #FFFFFF; border: 1px solid #CECCD3; border-radius: 50%; padding: 8px; transition: 0.5s; } .sel_icon i:hover{ background: rgba(0,0,0,0.06); /* border: 1px solid #E5E5E5; */ } .sel_icon i:active{ border: 1px solid #E5E5E5; color: #FF640A; } .sel_iconr { cursor: pointer; /* background-image: url(/static/images/iconR.png); */ width: 48px; height: 48px; position: absolute; right: 10px; top: 50%; text-align: center; border-radius: 50%; } .sel_close { cursor: pointer; /* background-image: url(/static/images/iconR.png); */ width: 48px; height: 48px; position: absolute; right: 10px; top: 10%; text-align: center; border-radius: 50%; } .thumbList { display: flex; justify-content: center; align-items: center; padding: 16px 0; gap: 15px; border-top: 2px solid #CECCD3; } .thumbList a{ display: inline-block; width: 46px; height: 46px; transition: 0.5s; } .thumbList .active img { border: 2px solid #FF640A; } .thumbList a img{ width: 100%; height: 100%; border: 2px solid #CECCD3; border-radius: 12px; } .thumbList .video-class { display: inline-block; position: relative; } .thumbList .icon-youtube1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #999; } @media screen and (max-width: 768px){ iframe{ width: 100%; height: 345px; } .thumbList{ display: none; } .sel_icon i { font-size: 16px; padding: 4px; } .wrap_carousel .car_img img { min-width: auto; } } .specification-container-iframe{ position: relative; } .specification-container-iframe .iconfont{ position: absolute; font-size: 80px; color: red; } </style> <div class="uy_1 clearfix"> <div class="left-pro"> <div class="t2"> <div class="left_img_photo img_photo"> <i class="iconfont icon-a-icon1x-33"></i> </div> <div class="showimg active" id="zoom1"> <img class="show main-image" src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" > <div class="showbox"></div>   </div> <div class="right_img_photo img_photo"> <i class="iconfont icon-a-icon1x-32"></i> </div> </div> <div class="t1">  <div id="showArea" class="selectors product-img"> <div id="showArea_li"> <a aria-label="link" href="#" class="imgCli1" id="sku_id_0" data-index="1" class='active' > <img src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" data-index="1" data-mobile-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_745.png" data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_100_100.png" class="lazypc selectors-img" alt="image"> </a> </div> </div>  </div> <div class="t3"> </div> </div> </div> <div class="min_lb">  <div class="skuImgOpen" style="display: none;"></div> <div class="swiper-container specification-container"> <div class="swiper-wrapper">   <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_500.png" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_500.png" data-delay-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" width="100%" /><i class="iblock"></i></div> </div>   <div class="swiper-button-next"> <i class="iconfont icon-a-icon1x-32"></i> </div> <div class="swiper-button-prev"> <i class="iconfont icon-a-icon1x-33"></i> </div> </div> </div>  <div class="wrapper"> <div class="wrap_carousel"> <div class="car_img">  <img src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" data-num="1" alt=""> <img src="" data-num="1" id="copy_img" alt=""> </div> </div> <div class="thumbList"> <a aria-label="link" href="#" id="sku_id_0" class="imgCli1" data-index="1" class='active' > <img alt="image" src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" data-mobile-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_500.png" data-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_100_100.png" class="lazypc selectors-img"> </a> </div> <span class="sel_iconl sel_icon" id="sel_w"><i class="iconfont icon-a-icon1x-33"></i></span> <span class="sel_iconr sel_icon" id="sle_rw"><i class="iconfont icon-a-icon1x-32"></i></span> <span class="sel_close sel_icon"><i class="iconfont icon-a-icon1x-31"></i></span> </div>  <script src="/newxp/static2024/js/index/jqzoom.js?ver=202411222"></script> <script> $(function () { $('.specification-container-iframe .iconfont').click(function(){ let sci = $('.specification-container-iframe').attr('data-youtube') let doc = new DOMParser().parseFromString(sci, 'text/html'); let iframe = doc.querySelector('iframe.video'); let src = iframe.src; iframe.src = src + '?autoplay=1'; sci = doc.body.innerHTML; $('.specification-container-iframe').attr('data-youtube',sci) $('.specification-container-iframe').html( $('.specification-container-iframe').attr('data-youtube')) }) $('#showArea a').eq(0).addClass('active') $('#showArea a').click(function () { $(this).addClass('active').siblings().removeClass('active'); }) $('#showArea a').hover(function () { let goodsWidth = $('#goodsInfoContent').outerWidth() + 35; $(this).addClass('active').siblings().removeClass('active'); let dataSlideId = $(this).attr('data-slide-id') if(dataSlideId == 'videoView') { if($('#videoView').html()==''){ $('#videoView').html($('#videoView').attr('data-youtube')) } $('#videoView').show() if ($('#videoUrlView').attr('sign') == 1) { $('#videoPlayCover').css({'display': 'none'}); $('#videoUrlView').css({'display': 'inline'}); } else { $('#videoPlayCover').css({'display':'inline-block'}); } $('#zoom1').removeClass('active') $('showbox') $('#showArea .icon-youtube1').addClass('icon-active') }else { $('#videoView').hide() $('#videoPlayCover').hide() $('#videoUrlView').hide() $('#zoom1').addClass('active') /*$("#zoom1").attr("href",$(this).attr("src"));*/ $('#showArea .icon-youtube1').removeClass('icon-active') } $('.MagicZoom').attr('rel','zoom-width:' + goodsWidth + '; zoom-height:' + goodsWidth + '; selectors-change:mouseover;') }) }) // img点击图片弹出框 var index = 0; var cliInd = false; $('.show').click(function name(params) { var imgIndex = $(this).attr('data-index') index = imgIndex $.each($('.car_img img'), function name(params) { console.log($(this).context.currentSrc) if(params == 0) { $('#copy_img').attr("src",$(this).context.currentSrc) } }) $('.xp_language').css("z-index","100") var imgSrc = $(this).attr('src'); $('.wrapper').show(); $('.navbar_header-warpper').hide() $('.wrapper').css("display","flex") $('.wrapper').css("flex-direction","column") document.documentElement.style.overflowY = 'hidden' var carLen = $('.car_img img').width() $('.sel_img_div').css("width",carLen+"px") $('.sel_img_div').css("height",$('.car_img img').height()+"px") $('.goods-info-wrapper').css("display","block") var translateX = imgIndex * $('.car_img').width() $('.car_img').css("transform",`translateX(-${translateX}px)`) $(`.imgCli${imgIndex+1}`).addClass('active').siblings().removeClass('active'); //关闭并移除图层 }) $('.wrapper').click(function(){ $('.wrapper').css("display","none") $('.navbar_header-warpper').show() $('.swiper-wrapper').css("display","flex") $('.xp_language').css("z-index","9999999") $('.goods-info-wrapper').css("display","block") document.documentElement.style.overflowY = 'auto' }); $('.wrap_carousel').click(function name(params) { // $(".wrapper").unbind("click"); return false }) $('.min_lb .swiper-wrapper').click(function name(params) { $.each($('.car_img img'), function name(params) { console.log($(this).context.currentSrc) if(params == 0) { $('#copy_img').attr("src",$(this).context.currentSrc) } }) $('.navbar_header-warpper').hide() $('.addCar').css("visibility","hidden") $('.xp_language').css("z-index","100") $('.wrapper').css("display","flex"); $('.wrapper').click(function(){ // $('.wrapper').hide() $('.xp_language').css("z-index","9999999") $('.goods-info-wrapper').css("display","block") }); }) var currentIndex = 1; function updateImage(sku_id) { var sku_thumb = $('.imgCli' + sku_id).find('img').attr('src'); $('.main-image').attr('src', sku_thumb); $(`.imgCli${sku_id}`).addClass('active').siblings().removeClass('active'); } updateImage(currentIndex); $(".left_img_photo").click(function(){ if (currentIndex > 0) { currentIndex--; if(currentIndex == 0){ currentIndex = $('#showArea_li').children('#sku_id_0').length; } } else { currentIndex = $('#showArea_li').children('#sku_id_0').length; // 循环到最后一张 } updateImage(currentIndex); }) $(".right_img_photo").click(function(){ if (currentIndex < $('#showArea_li').children('#sku_id_0').length) { currentIndex++; } else { currentIndex = 1; // 循环到第一张 } updateImage(currentIndex); console.log(currentIndex); // if(index >= 0) { // console.log(index); // // if(index == 1) { // // index = index -1 // // } // // index = 1 // index = index + 1 // $(`.imgCli${index}`).addClass('active').siblings().removeClass('active'); // let tranNum = "-" + index * ($('.show').width() + 32) // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // var str = index / 4 + '' // if(str.indexOf(".") == -1) { // $("#showArea #showArea_li").animate({left:-index*104},1000); // } // } // if(index <= $('#showArea_li').children().length -1) { // let inOrder = index + 1 // console.log(`imgCli${inOrder}`); // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // } // if(index >= $('.img_hidde img').length ) { // $(`.video-class`).addClass('active').siblings().removeClass('active'); // if($('.video-class').length == 1){ // index = $('.img_hidde img').length // // console.log($('.t2').children()) // if($('.t2').children().length == 4) { // $('#videoView').show() // $('.right_photo_sp').css('display','flex') // $('.showimg').hide() // }else { // } // // index = index -2 // // console.log(index) // index = index -1 // let tranNum = "-" + index * $('.show').width() // // console.log($('.show').width()) // // console.log(tranNum) // // if(index == 1) { // // index = index + 1 // // } // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // }else { // index = 0 // // index = index -1 // let tranNum = "-" + index * $('.show').width() // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // $(`.imgCli${1}`).addClass('active').siblings().removeClass('active'); // $("#showArea #showArea_li").animate({left:0},0); // } // } }); $(".left_img_photo").click(function(){ // if(index <= 0) { // if($('.video-class').length == 0){ // index = $('#showArea_li').children().length // // let tranNum = "-" + index * $('.show').width() // // console.log(tranNum) // // $(".img_hidde").css("transform","translate(0px, 0px)") // // console.log(1); // $("#showArea #showArea_li").animate({left:-(index - 1)*104},0); // let tranNum = "-" + (index - 1) * ($('.show').width() + 32) // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // let inOrder = $('#showArea_li').children().length // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // // $(`.video-class`).addClass('active').siblings().removeClass('active'); // index = index -1 // }else{ // index = $('#showArea_li').children().length // // $("#showArea #showArea_li").animate({left:-(index - 1)*104},0); // $('#videoView').css('display','inline') // $('#zoom1').css('display','none') // $(`.video-class`).addClass('active').siblings().removeClass('active'); // $("#showArea #showArea_li").animate({left:-(index-2)*104},0); // } // }else { // index = index -1 // let tranNum = "-" + index * ($('.show').width() + 32) // console.log('轮播其它位置'+index); // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // let inOrder = $('#showArea_li .active').attr("data-index") - 1 // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // } // if(_index5 > 0){ // // if(index < anIndex) { // // $("#showArea #showArea_li").animate({left:-(_index5-1)*104},1000); // // } // // if(_index5 > 6 ){ // $("#showArea #showArea_li").animate({left:-(_index5-1)*104},1000); // // } // // $("#right_img_photo").css("pointer-events","all") // _index5 -- // }else { // // $("#left_img_photo").css("pointer-events","none") // _index5 = 0; // } }); var newImgIndex = 0 $('.sel_iconl').click(function name(params) { // newImgIndex = newImgIndex + 1 var carLen = $('.car_img img').width() if( newImgIndex == 0 ){ var imgIndx = $('.car_img img').length - 1 $(`.imgCli${imgIndx}`).addClass('active').siblings().removeClass('active'); // console.log($('.car_img img').length -1 * carLen) let a = "-" +imgIndx * carLen + 'px' // console.log(a) // $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") var imgN = imgIndx - 1 let b = "-" +imgN * carLen + 'px' setTimeout(()=>{ $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+b+", 0px, 0px)") },500) $('.car_img').css("transition-duration","0ms") newImgIndex = imgN }else { newImgIndex = newImgIndex -1 $(`.imgCli${newImgIndex+1}`).addClass('active').siblings().removeClass('active'); // console.log(carLen) let a = "-" + newImgIndex * carLen + 'px' $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") // console.log(a) setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") },500) } return false }) $('.sel_iconr').click(function name(params) { var carLen = $('.car_img img').width() console.log(newImgIndex); var imgIndx = $('.car_img img').length - 1 console.log(imgIndx); newImgIndex = newImgIndex + 1 if(newImgIndex == 0){ $(`.imgCli${imgIndx}`).addClass('active').siblings().removeClass('active'); }else if(newImgIndex == imgIndx){ $('.imgCli1').addClass('active').siblings().removeClass('active'); }else{ $(`.imgCli${newImgIndex+1}`).addClass('active').siblings().removeClass('active'); } if(newImgIndex == imgIndx) { // newImgIndex = 0 let a = "-" +newImgIndex * carLen + 'px' console.log(a) $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") $('.car_img').css("transform","translate3d(0px, 0px, 0px)") },500) newImgIndex = 0 }else { let a = "-" +newImgIndex * carLen + 'px' $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") },500) } return false }) $(".product-img img").mouseenter(function name(params) { var daIn = $(this).attr("data-index") updateImage(daIn) $('.left_img_photo').attr('data-index',daIn) $('.right_img_photo').attr('data-index',daIn) document.cookie = "data-index="+daIn+"" index = daIn currentIndex = daIn }) function specificationLazy() { $('.specification-container') .find('.swiper-slide') .each(function() { if ($(this) .find('iframe') .length == 1) { $('.specification-container') .find('.thumbImg') .each(function() { $(window).width()<=420?$(this).attr('src', $(this).attr('data-mobile-src')):$(this).attr('src', $(this).attr('data-delay-src')) }) } else { if ($(this) .attr('data-swiper-slide-index') != 0) { $('.specification-container') .find('.thumbImg') .each(function() { $(window).width()<=420?$(this).attr('src', $(this).attr('data-mobile-src')):$(this).attr('src', $(this).attr('data-delay-src')) }) } } }) } let specificationTimes = 0 // let specificationThumbImg = $('.specification-container .thumbImg') // let specificationThumbImgTime = setInterval(() => { // let val = specificationThumbImg.map((i, v) => { // if (v.complete) { // if ([0, 1, 2].includes(i) && specificationTimes == 0) { // specificationLazy(); // specificationTimes++; // } // return true; // } // }) // if (val.length === specificationThumbImg.length) { // clearInterval(specificationThumbImgTime) // // 继续轮播 // var new_swiper = new Swiper('.specification-container', { //初始化Swiper // // autoplay: { //自动切换 // // delay: 5000, // // stopOnLastSlide: false, // // disableOnInteraction: false, // // }, // pagination: { //分页器 // el: '.mobile-goods-pagination', // clickable: true, // }, // autoHeight: true, //自动高度 // centeredSlides: true, // loop: true, // resizeReInit: true, // grabCursor: true, // on: { // slideChange: function() { // console.log(this.activeIndex,'1111') // $('.skuImgOpen') // .hide(); // }, // }, // }) // } // }, 1000); var new_swiper = new Swiper('.specification-container', { //初始化Swiper // autoplay: { //自动切换 // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, // pagination: { //分页器 // el: '.mobile-goods-pagination', // clickable: true, // }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, autoHeight: true, //自动高度 centeredSlides: true, // loop: true, resizeReInit: true, grabCursor: true, // observer:true,//修改swiper自己或子元素时，自动初始化swiper // observeParents:false,//修改swiper的父元素时，自动初始化swiper on: { slideChange: function() { // this.activeIndex>1&&specificationTimes==0? (specificationLazy(),specificationTimes++):'' specificationTimes==0? (specificationLazy(),specificationTimes++):'' $('.skuImgOpen').hide(); }, init:function (){ this.update(); this.slideTo(0) } }, }) </script>  <script> function showVideo(code,self=''){ if(code){ $('#preview').attr('style','display:none !important'); $('.active').each(function (i,e){ $(e).removeClass('active') }) $('#videoUrlView').show(); if(typeof player !== 'undefined'){ $('#videoUrlView').show(); player.playVideo(); }else { $('#videoPlayCover').css({'display':'inline-block'}); $('#videoUrlView').hide(); } $(self).attr('class','active'); $('#videoView').show(); //判断是否是iframe嵌套 $('#videoView').children('iframe').attr('class','video'); }else { if(typeof player !== 'undefined' && player){ player.pauseVideo(); } $('#preview').show(); $('#videoView').hide(); $('#videoUrlView').hide(); $('#videoPlayCover').hide(); } } </script> <div class="footer_info"> <div class="footer_item"> <div> <img class="thumbImg lazy" data-original="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" data-delay-src="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff.png" alt="image"> <h1 class="bq_h2_new">Artist 12 Pro 종이질감 보호필름</h1> </div>   <div> <div class="buy_price notranslate" id="showGoodsPrice"> <del class="before_price" id="list_price">₩0</del> <div class="price" id="goods_price">₩17,000</div> </div> <div class="submit_button add_cart" data-thumb="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_50_50.png" data-goods-id="139" data-goods-name="Artist 12 Pro 종이질감 보호필름" data-action="0"> <p style="text-align: center" >장바구니 담기</p> </div> </div> </div> </div> </div> </div> <div class="col-xl-5 col-lg-5 col-md-12 padding0">  <div class="bouytw_1" id="goodsInfoContent"> <div class="goods-info-wrapper"> <div class="goods-info-inner"> <h1 class="bq_h2_new">Artist 12 Pro 종이질감 보호필름</h1> <div class="bq_3"> <div class="star" data-num="0"></div> <div class="ju_1"> <p class="zhi4_1 zhi4_1_new" data-jump="Reviews"><span class="click-text"><i class="iconfont icon-a-icon1x-56"></i></span>  0  </p> <p class="zhi4_1 zhi4_1_new" data-jump="QAs"><span class="click-text"><i class="iconfont icon-message-question"></i></span>  2  </p>  </div> </div> <p class="bq_2_new">✿국내배송✿<br/></p>  <div class="buy_price notranslate" id="showGoodsPrice"> <div class="price" id="goods_price">₩17,000</div> <del class="before_price" id="list_price">₩0</del> </div>  </div> <div class="padding20">  <div class="shipping_tips" style='display: none'>  <div class='description_promote_info_div'> <div> <div class="promote_info_html hide" data-show="0"> </div>  <div class="description_promote_info hide" ></div>  </div> </div>  <div class='shipping_desc_div'> <div> <div class="shipping_desc"> </div> <div class="shipping_desc_expand"> <svg t="1709695213481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7866" width="32" height="32"><path d="M753.6 611.52a32 32 0 1 1 28.8 56.96l-256 128a32 32 0 0 1-28.8 0l-256-128a32 32 0 0 1 28.8-56.96L512 732.16z m0-288a32 32 0 1 1 28.8 56.96l-256 128a32 32 0 0 1-28.8 0l-256-128a32 32 0 1 1 28.8-56.96L512 444.16z" p-id="7867"></path></svg> </div> </div> </div> </div>   <div style="padding-top: 20px" class="coupon_box hide"></div>   <div class="goods_freight_reference"></div>   <div class='spec_content_box'> </div>  <div class="goods_extra hide"></div>     <div class="goods_price m10" > <div class="goods_number"> <div class="bq_4_new">구매수량:</div> <div class="goods-number-box"> <div class="goods_num_text"> <button class="min switch_num" id="minId" type="button" data-value="-1" data-max-item-count='0' aria-label="button"> <i class="iconfont icon-jianhao"></i> </button> <input aria-label="goods num" class="text_box" name="" type="text" value="1" id="goods_num" data-max-item-count='0' onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onpaste="this.value=this.value.replace(/[^\d]/g,'')"/> <button class="add switch_num" type="button" data-max-item-count='0' data-value="1" aria-label="button"><i class="iconfont icon-jiahao"></i></button> </div> <div class="help_msg"></div> </div> </div> </div>   <div class="goods_rate hide"> </div>  <div class="an_boss"> <div id="add_cart_button" class="an_1 add_cart_button add_cart" data-thumb="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_50_50.png" data-goods-id="139" data-goods-name="Artist 12 Pro 종이질감 보호필름" data-action="0"> <p style="text-align: center" >장바구니 담기</p> </div> <div id="buy_now_button" class="an_2 buy_now add_cart_box submit_button" data-thumb="https://resource.xp-pen.com/Uploads/kr/goods/20210127/20b4c808fb1cef9be2370f76085c6cff_50_50.png" data-goods-id="139" data-goods-name="Artist 12 Pro 종이질감 보호필름" data-action="1"> <p style="text-align: center">구매하기</p> </div> </div>        <div class="foot_margin foot_svg"> <div class=" foot_paypal"> </div> </div>  </div> </div> <div class="goods_freight"> <style>.title-text-box{ font-size: 14px;line-height: 1.2;font-weight: 500;padding-bottom: 16px; } .icon-content{ display: flex;flex-wrap: wrap; } .icon-list{ padding: 5px 0;border-radius: 10px;border: 1px solid #b7b7b7;width: 80px;height: 45px;margin: 0 8px 8px 0 } .icon-remark{ font-size: 12px;font-weight: 500;padding-top: 8px; } @media screen and (max-width: 1400px){ .icon-list{ width: 70px; height: 40px; } } @media screen and (max-width: 1200px){ .icon-list{ width: 60px; height: 35px; } }</style><div class="" style="width: 100%;"><p class="title-text-box">구매 혜택</p><div class="icon-content"><embed src="https://resource.xp-pen.com/Uploads/home_images/iconsvg/opencanvas.svg" class="icon-list"/><embed src="https://resource.xp-pen.com/Uploads/home_images/iconsvg/ArtRage.svg" class="icon-list"/><embed src="https://resource.xp-pen.com/Uploads/home_images/iconsvg/transport.svg" class="icon-list"/><embed src="https://resource.xp-pen.com/Uploads/home_images/iconsvg/security.svg" class="icon-list"/></div></div> <div class="palpay_kr_2"> <a href="https://www.storexppen.kr/topic/Cardpaymentbenefits.html">드로잉 소프트웨어·무료 배송·18개월 보증기간 </a> </div> </div> </div> </div> </div> </div>             <div class="mao_1"> <div class="nav_content"> <ul class="my_Affiliate_ul nav_miaodian"> <li class="ul_active" data-jump="summary"><h2>개요</h2></li> <li data-jump="Reviews"><h2>리뷰(0)</h2></li> <li data-jump="QAs"><h2>Q & A(2)</h2></li> <li data-jump="Driver"><a aria-label="link" href="https://www.xp-pen.com/download" target="_blank"><h2>드라이버</h2></a></li> </ul> </div> </div> <div class="mao_2"> <div class="nav_content">  <div class="nav-content-list"> <ul class="my_Affiliate_ul nav_miaodian"> <li class="ul_active" data-jump="summary">개요</li> <li data-jump="Reviews">리뷰(0)</li> <li data-jump="QAs">Q & A(2)</li> <li data-jump="Driver"><a aria-label="link" href="https://www.xp-pen.com/download/index/cid/5.html" target="_blank">드라이버</a></li> </ul> </div>   </div> </div>  <div class="homepage_2 homepage_2_new padding0 bg_white scrollspy-example" data-spy="scroll" data-target="#navbarExample" data-offset="0" style="position: relative"> <div class="boss" id="summary">    <div id="Appendix_Buy_top"> </div> <div class="goods-content resetImageBox" id="gaishu"> </div>  <div id="Appendix_Buy_bottom"> </div> </div> <div id="Specification"> </div> <div class="margin_top" id="Reviews"> <div class="margin_bottom ">  <div class="new-header thead"> <h2 class="bq_h2_new">리뷰</h2> <div class="myWantComment" link="https://www.storexppen.kr/user.comment/index/type/1.html" data-goods-id="139"> <div class="submit_button new_btn"> <p>당신의 리뷰를 남겨주세요.</p> </div> </div> </div> <div class="margin_top fenk_list" style="overflow: hidden"> <div class="fenk_1"> <p class="pihm_1_b" id="tiaowe_1">0</p> <div class="rank_num"> <div class="star2" data-num="0"></div> <p class="zhi4_1_b">0에 기반한 댓글  리뷰</p> </div> <p class="comment_rank add_cart_button show_all_comment hide" data-rank = "0">모든 리뷰을 표시하기</p> </div> <div class="fenk_2"> <div class="zdf_1"> <div class="star2" data-num="5"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "5">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="4"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "4">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="3"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "3">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="2"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "2">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="1"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "1">0(0)</p> </div> </div> </div> </div> <div class="comment_list" id="comment_list_box"> </div> </div> <div class="margin_top" id="QAs"> <div class="containerAsk"> <style> .more-ask-box{ margin-bottom: 16px; text-align: center; } .view-more-ask{ transition: all .3s; } .view-more-ask:active{ position: relative; top: 3px; } #goods_ask_list{ overflow: hidden; } #button-inquire-sumbit-ask:active{ position: relative; top: 3px; } </style> <div class="goods_ask_content"> <div class="margin_bottom"> <div class="new-header thead"> <h2 class="bq_h2_new">Q & A</h2> <div class="submit_button new_btn" id="ask_question"> <p>질문하기</p> </div> </div> <div class="page_title margin_top"> <div class="ask-select-content"> <select name="category" id="category" onchange="change_category()" class="form-control ask_select" aria-label="category"> <option value="0">고객 문의 및 답변</option> <option value="5">상품</option> <option value="6">결제</option> <option value="7">배송</option> <option value="8">고객 서비스</option> </select> </div> </div> </div> <div class="goods_ask_list" id="goods_ask_list"></div> <div class="more-ask-box"> <div class="view-more-ask submit_button">더보기</div> </div> </div> <script> window.onload = function () { let height1 = $('#goods_ask_list .ask_list_box').eq(0).outerHeight(); let height2 = $('#goods_ask_list .ask_list_box').eq(1).outerHeight(); let height3 = $('#goods_ask_list .ask_list_box').eq(2).outerHeight(); let moreHeight = height1 + height2 + height3; $('#goods_ask_list').css({'height':moreHeight}); $('.view-more-ask').click(function () { $('#goods_ask_list').css({'height':'auto'}); $('.view-more-ask').css({'display':'none'}); }) } </script> <script> window.onload = function () { change_category('0') } </script> </div> </div> </div>   <script type="text/javascript"> $(function(){ $(".select2").select2({ }); }); </script> <script src="/newxp/static2024/js/index/goods_buy.js?ver=20231024"></script> <script type="text/javascript" src="/newxp/static2024/js/index/goods.js?ver=202411222"></script> <script type="text/javascript" src="/newxp/static2024/js/index/comment.js?ver=202411222"></script> <script type="text/javascript" src="/newxp/static2024/js/index/ask.js?ver=202411222"></script>  <script> $(window).on('scroll', function() { var windowscrollWidth = $(window).width(); // 评论距离页面顶部的距离 var offsetTop = $('.mao_1 .nav_content').offset().top if($(window).scrollTop() <=offsetTop) { $('.mao_2').css('display','none') $('#navbar_header_height').show() // if(_LANG_ == 'kr'){ // $('#nav').css('display','block') // } } else if($(window).scrollTop() > offsetTop) { $('.mao_2').css('display','block') $('.mao_2').css('top',0) $('.mao_2').css('z-index',1000) $('#navbar_header_height').hide() // $('.mao_2').css('top',`${$('.navbar_header').height()}px`) // if(_LANG_ == 'kr'){ // $(window).width()>768?$('.mao_2').css('top',`${$('.navbar_header').height()}px`): $('.mao_2').css('top',`${$('.store_nav_top').height()}px`) // } } }); $(function() { var timer=null // 点击Add to Cart添加购物车不调整 $('.mobile-cart-box').click(function(){ $('.add_cart').click() $('.shop-drawer-warpper').fadeIn() $("body").css({"overflow":"hidden","height":"100vh"}) renew_cart_list() }) $('.add_cart').click(function (e) { // renew_cart_list() if (timer) { // 取消上一次的定时器 clearTimeout(timer); } e.stopPropagation() e.preventDefault() var _this = $(this); let __this = $('.navbar_right_cart') BuyPage_addshop(_this) }); }) $(function(){ $('.icon-a-icon1x-29').popover({ content:'', placement:'bottom' }) }) </script> <script> var mySwiper = new Swiper('.l1 .swiper-container', { //初始化Swiper pagination: { //分页器 el: '.swiper-pagination', clickable: true, }, loop: true, //循环 }) var spec_goods_price=""; var default_ask_url="https://www.storexppen.kr/ask/ajax_ask_list/goods_id/139.html", model_name="Goods", default_url="https://www.storexppen.kr/comment/ajax_comment/goods_id/139.html", goods_id="139", isLoadComment=1; </script> <script> $(function() { let goodsNum = parseInt($("#goods_num").val()) if(goodsNum <= 1) { $('#minId').addClass('disabled') }else { $('#minId').removeClass('disabled') } var button_list = $('#add_cart_button') // 监听购买按钮高度 function getElementTop (el) { if (!el || typeof el !== 'object' || !('offsetTop' in el)) { return false } var actualTop = el.offsetTop var current = el.offsetParent while (current !== null) { actualTop += current.offsetTop current = current.offsetParent } return actualTop } function isDivOffScreen(el) { if (!el || typeof el !== 'object' || !('offsetTop' in el)) { return false } const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight const offsetTop = el.offsetTop const scollTop = document.documentElement.scrollTop const top = offsetTop - scollTop return top <= viewPortHeight } $("[data-toggle='popover']").popover(); // 监听滑动购物车 $(window).scroll(function (params) { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop if(!isDivOffScreen(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") } if(scrollTop >getElementTop(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") }else { $('.footer_info').css("visibility","hidden") $("[data-toggle='popover']").popover('hide'); } if(!isDivOffScreen(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") } }) var rank = 0; var url = default_url+'/type/'+rank; if(rank != 0){ $('.show_all_comment').hide(); }else { $('.show_all_comment').hide(); } ajaxComment(url); $(".star").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'star-filled-lg.svg', starOff: 'starOff-lg.svg', starHalf: 'star-half-filledM.png', readOnly: true, size: 15, path: 'https://resource.xp-pen.com/img/test_picture' }) $(".star2").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'star-filled-lg.svg', starOff: 'starOff-lg.svg', starHalf: 'star-half-filled-lg.png', readOnly: true, size: 20, path: 'https://resource.xp-pen.com/img/test_picture' }) $('.comment_rank').click(function (){ var rank = $(this).attr('data-rank') - 0; var url = default_url+'/type/'+rank; if(rank != 0){ $('.show_all_comment').css({'display':'inline-block'}); }else { $('.show_all_comment').hide(); } ajaxComment(url); }) var google_goods_data = [{"item_id":139,"item_name":"Artist 12 Pro \uc885\uc774\uc9c8\uac10 \ubcf4\ud638\ud544\ub984","item_brand":"\uc5d1\uc2a4\ud53c\ud39c \uacf5\uc2dd \uc2a4\ud1a0\uc5b4","quantity":1,"currency":"KRW","value":"17000.00","price":"17000.00"}]; if(google_goods_data){ add_google_gtag_event('view_item',google_goods_data); } // $('.specifications-popover').mouseenter(function(){ // var content = $('.spec_content_box').html(); // 获取.spec_content_box的原始HTML内容 // var newDiv = `<div class='sp-confirm'>확인</div>`; // 定义新div的HTML结构 // var updatedContent = content + newDiv; // $(this).attr('data-content', updatedContent); // }) // $('.specifications-popover').on('show.bs.popover', function () { // setTimeout(function(){ // //商品规格选中的状态 // $(".spec_content .eu_lug").click(function () { // if ($(this).hasClass('eu_lug_disable')) { // return;//当禁用的时候不获取 // } // $(this).prev().addClass("selected"); // $(this).parent().siblings().find("input").removeClass("selected"); // $(this).addClass('eu_lug1') // $(this).parent().siblings().find(".eu_lug").removeClass("eu_lug1"); // if (is_mobile_request()) { // $(this).addClass('active') // $(this).parent().siblings().find(".eu_lug").removeClass("active"); // $(this).parent().siblings().find("input").removeClass("selected"); // } // }); // document.querySelector('.sp-confirm').addEventListener('click', function() { // var selectedSpecs = {}; // 用于存储所有选定的规格 // // 获取所有规格分类的容器 // var specContents = document.querySelectorAll('.spec_content'); // specContents.forEach(function(specContent) { // // 在每个规格分类中找到被选中的输入项 // var selectedInput = specContent.querySelector('.selected'); // if (selectedInput) { // var specName = specContent.querySelector('.bq_4_new').textContent.trim(); // var specValue = specContent.querySelector('label[for="'+selectedInput.id+'"] .zuby_1').textContent.trim(); // // 将规格名称和值存入对象 // selectedSpecs[specName] = specValue; // } // document.getElementById('keyname').innerHTML = ''; // // 遍历selectedSpecs对象，并创建DOM元素来展示每个规格 // for (var specName in selectedSpecs) { // if (selectedSpecs.hasOwnProperty(specName)) { // var specItem = document.createElement('span'); // specItem.textContent = specName + selectedSpecs[specName] +' '; // document.getElementById('keyname').appendChild(specItem); // } // } // }); // console.log(JSON.stringify(selectedSpecs)); // }); // $('.sp-confirm').click(function(){ // // 获取弹窗内选中规格 // var forAttributes = $('.popover-body .eu_lug1').map(function() { // return $(this).attr('for'); // }).get(); // $(".spec_content_box").each(function() { // var $this = $(this); // 保存当前的.spec_content_box元素引用 // // 遍历每个需要匹配的for值 // $.each(forAttributes, function(index, forValue) { // // 使用正确的属性选择器语法查找匹配的元素 // var matchingElements = $this.find('label[for="' + forValue + '"]'); // matchingElements.prev().addClass("selected"); // matchingElements.parent().siblings().find("input").removeClass("selected"); // matchingElements.addClass('eu_lug1') // matchingElements.parent().siblings().find(".eu_lug").removeClass("eu_lug1"); // update_goods_price(); // $("[data-toggle='popover']").popover('hide'); // }); // }); // }) // },1000) // }) }) </script> <script> // hwTag $(function (){ let param_SearchResultClick = JSON.parse(localStorage.getItem('SearchResultClick')); if(param_SearchResultClick){ param_SearchResultClick.reviews = '0'; hwtag('event', 'SearchResultClick', param_SearchResultClick); localStorage.removeItem('SearchResultClick') } let param_SearchResults = JSON.parse(localStorage.getItem('SearchResults')); if(param_SearchResults){ hwtag('event', 'SearchResults', param_SearchResults); localStorage.removeItem('SearchResults') } }) </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="ce28c38ab1a3b99febaf9b41b583aa13"> <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() })() var BUYREPLACEIMG = false let sequentiallyLength =0 $('#showArea a .selectors-img').each(function(){ if($(this).attr('rev')!=''){ sequentiallyLength = sequentiallyLength+1 } }) let initSequentially = 0 let isReplay = false function sequentiallyLoadImg () { let sequentiallyLoadTime = setInterval(() => { if (!$($('#showArea a .selectors-img')[initSequentially]).parent().attr('class')?.includes('video-class')) { if($($('#showArea a .selectors-img')[initSequentially]).attr('rev')!=''){ if(!isReplay){ $($('#showArea a .selectors-img')[initSequentially]).attr('src',$($('#showArea a .selectors-img')[initSequentially]).attr('rev')) isReplay = true } if($($('#showArea a .selectors-img'))[initSequentially] && $($('#showArea a .selectors-img'))[initSequentially].complete){ isReplay = false sequentiallyobj = '' initSequentially = initSequentially+1 } } } if(initSequentially>=sequentiallyLength){ clearInterval(sequentiallyLoadTime) } BUYREPLACEIMG = true }, 1000) } let scrollnum=0 let initScrollTop = $(window).scrollTop() $(window).scroll(function (event) { if ($(window).scrollTop() != initScrollTop && BUYREPLACEIMG == false&&scrollnum==0) { if ($(window).innerWidth() > 768) { sequentiallyLoadImg() scrollnum++ } } }); $("body").mousemove(function (event) { if (BUYREPLACEIMG == false) { if ($(window).innerWidth() > 768) { sequentiallyLoadImg() BUYREPLACEIMG = true } } }); // 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/buy/139.html', }, crossDomain: true, async: true, dataType: 'json', success:function(data) { if (data.code == 1) { //登录 $.post("https://www.storexppen.kr/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } location.reload(); //刷新当前页面 // dropdown_user(ret, 1); } }) } //是否禁用第三方cookie if (data.code == 0 && data.data == null) { update_href_url(); } } }) } //检查总站 if (uid > 0) { //弹窗关闭并刷新 if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } //是否禁用第三方cookie var phpsessid_sso = ''; var token_sso = ''; if (phpsessid_sso && token_sso) { var sso_url = "https://account.xp-pen.com" + '/login/status_login_ticket?lang=kr'; $.ajax({ type: 'POST', url: sso_url, data: {'uid_sso': '0', 'token': token_sso, 'PHPSESSID': phpsessid_sso}, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.kr/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2, 'login'); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.kr/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } } }) } else { var sso_url = "https://account.xp-pen.com" + '/login/status_login?uid_sso=0&lang=kr'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.kr/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.kr/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } //同步登录的信息 if (data.code == 2) { $.post("https://www.storexppen.kr/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { dropdown_user(ret, 1); window.location.reload(); } }) } } }) } } }) //更新用户头像和购物车（导航栏） function dropdown_user(ret, type, login) { var login = login||''; var url = window.location.pathname; if (type == 1) { var sso_url = "https://account.xp-pen.com"; $('#login_dropdown').empty(); //头像更新 var html_user = "\t\t\t\t\t<a href=\"https://www.storexppen.kr/login/index.html?jumpUrl=https://www.storexppen.kr/buy/139.html\" class=\"login1\"><img src=\""+ret.data.faceurl+"\"><input type='hidden' id='userId' value=\""+ret.data.uid+"\"></a>\n"+ "<ul class=\"navbar_account_menu login_content\">\n" + " <span class=\"nav_bagview_caret right_account\"></span>\n" + " <li><a href=\"https://www.storexppen.kr/user.order/index.html\">나의 주문</a></li>\n" + " <li><a href=\"https://www.storexppen.kr/user/index.html\">계정</a></li>\n" + " <li><a href=\"https://www.storexppen.kr/user.info/edit.html\">설정</a></li>\n" + " <li><a href=\""+sso_url+"/login/logout?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr\">"+L('SIGN_OUT')+"</a></li>\n" + " </ul>"; $('#nav_accounts').html(html_user); // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('.icon_cart_num').text(ret.data.cart_count); } else if (type == 2) { // 个人中心 if ((url.match('/user/index') || url.match('/user.')) && isDisable == 0) { window.location.href = 'https://www.storexppen.kr/'; return false; } // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('#nav_accounts').empty(); //头像更新 var sing = "로그인"; var reg = "회원 가입"; var html_user = '<a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref=" class="login1">\ <i class="iconfont icon-account"></i>\ </a>\ <ul class="navbar_account_menu login_content">\ <span class="nav_bagview_caret right_account"></span>\ <li>\ <a id="login_url" href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref=" class="login2">'+sing+'</a>\ </li>\ <li>\ <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref=" class="login3">'+reg+'</a>\ </li>\ </ul>'; $('#nav_accounts').html(html_user); // 购物车图标为0 $('.icon_cart_num').text(0); if (login !== '') { update_href_url(); } // 移动端头像 $('#openUser').find('a').attr('href','https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.kr/buy/139.html&lang=kr&webref='); } } //是否禁用第三方cookie function update_href_url() { $('.login1').attr('href', $('.login1').attr('href') + '&login=2'); $('.login2').attr('href', $('.login2').attr('href') + '&login=2'); $('.login3').attr('href', $('.login3').attr('href') + '&login=2'); // console.log() $('#openUser').find('a').attr('href', $('#openUser').find('a').attr('href') + '&login=2'); } </script>  <script type="text/javascript"> $(function () { if (isDisable == 1) { layer.alert(L('USER_DISABLE_CONTENT'), { icon: 2, closeBtn: 0, title: L('PROMPT_MESSAGE'), btn: ['OK'] }, function () { window.location.reload(); }) return false; } if(_LANG_ == 'cl'){ //set country currency let currency = $("#nav_languages").find('span').not('.nav-country').html(); let content = ""; switch (currency){ case "CLP": content += "Chile/"+currency; break; case "PEN": content += "Peru/"+currency; break; case "USD": content += "Argentina/"+currency; break; case "UYU": content += "Uruguay/"+currency; break; case "COP": content += "Colombia/"+currency; break; } if(content){ $("#nav_languages").find('span').not('.nav-country').html(content) } } }) </script> <script type="module"> /** * 语言选择框 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ $.extend({ getCookie: function (name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; }, setCookie: function (name, value,options) { var Days = 30; if(typeof options !== 'undefined'){ if(options?.expires){ Days = options.expires } } var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; }, getArrEqual: function (arr1, arr2) { let newArr = []; for (let i = 0; i < arr2.length; i++) { for (let j = 0; j < arr1.length; j++) { if (arr1[j] === arr2[i]) { newArr.push(arr1[j]); } } } return newArr; } }); $.fn.extend({ langCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('button'); var $spinner = $this.find('.spinner-warp'); $btn.click(function (ev) { $div.stop().toggle(100, function () { $btn.find('i').css('transform', 'rotateX(' + ($(this).is(':hidden') ? '0' : '180deg') + ')'); }); ev.stopPropagation(); }); $spinner.click(function (ev) { ev.stopPropagation(); }); $(document).bind('click', function () { $div.stop().hide(100, function () { $btn.find('i').css('transform', 'rotateX(0)'); }); }); var _use_lang = $.getCookie('tr_lang'); $div.find('li p').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { ev.stopPropagation(); var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); }, mobileLangCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('p'); var $spinner = $this.find('.spinner-warp'); var $close = $('.cus-close-btn'); $btn.click(function (ev) { $div.show(); $close.show(); }); $close.bind('click', function () { if ($div.is(':visible')) { $div.hide(); $(this).hide(); } }); var _use_lang = $.getCookie('tr_lang'); $div.find('li a').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); } }); $('.cus-list-down').langCut(); $('.cus-mobile-lang').mobileLangCut(); // var default_lang = ""; var default_lang switch (_LANG_){ case "id": default_lang = 'id'; break; case "pl": default_lang = 'pl_pl'; break; default: default_lang = ''; break; } if(default_lang){ if(!$.getCookie('tr_lang')){ $.setCookie('tr_lang',default_lang); // window.location.reload(); } } if(_LANG_ == 'vn'){ if(!$.getCookie('xppen_popup')){ layer.open( { content: '<span style="font-size: 16px; text-align: left">Ngôn ngữ / Language </span>' + '<br>' , btn:['Tiếng Việt','English'], yes: function(index, layero){ //do something $.setCookie('tr_lang','vi'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, btn2: function(index, layero){ $.setCookie('tr_lang','vn'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, success: function(layero, index) { var closeBtn = layero.find('.layui-layer-close'); closeBtn.attr('aria-label', 'Close'); } } ); } } </script>

CINXE.COM

Artist 12 Pro 종이질감 보호필름 | 엑스피펜 공식 스토어