html, body {
  overflow-x: hidden;
}
th, td {
  padding: 5px;
}

.nav-holder ul li ul li > a {
  border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
  border-bottom: 1px solid #dcdadb;
  height: auto;
  text-indent: 0;
  color: #333;
  padding: 7px 10px;
  line-height: 19px;
  font-size: 14px;
}

.xb-page .xb-prod{ padding-right:30px; }

.xb-page .xb-prod p,
.xb-page .xb-prod ul,
.xb-page .xb-prod ol,
.xb-page .xb-prod li,
.xb-page .xb-prod h4{
  max-width:none !important;
  margin-right:0 !important;
  padding-right:0 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=Public+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');.xb-page{font-family:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65;color:#0E1216;background:#F5F6F7;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:44px 24px 72px;-webkit-font-smoothing:antialiased}.xb-page *,.xb-page *::before,.xb-page *::after{box-sizing:border-box}.xb-page h1,.xb-page h2,.xb-page h3,.xb-page h4{font-family:'Archivo',-apple-system,'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0;color:#0E1216}.xb-page p{margin:0 0 14px}.xb-page ul,.xb-page ol{margin:0 0 16px;padding-left:22px}.xb-page li{margin:0 0 7px}.xb-page a{color:#6B4FE8;text-decoration:underline;text-underline-offset:2px}.xb-mono{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.xb-dim{color:#727C87}.xb-em{font-family:'IBM Plex Mono',monospace;font-weight:600}.xb-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#727C87;margin:0 0 10px}.xb-crumb{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#727C87;margin:0 0 20px}.xb-code{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.08em;padding:4px 9px;border-radius:5px;margin-bottom:14px;background:#EAEDF0;color:#39424C}.xb-title{font-size:clamp(28px,4.2vw,40px);margin-bottom:14px}.xb-lede{color:#39424C;font-size:18px;max-width:62ch;margin:0 0 6px}.xb-facts{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 0}.xb-fact{font-family:'IBM Plex Mono',monospace;font-size:11.5px;padding:5px 10px;border:1px solid #E3E7EA;border-radius:5px;color:#39424C;background:#ffffff}.xb-sec{margin-top:54px;padding-top:30px;border-top:1px solid #E3E7EA}.xb-sec h2{font-size:25px;margin-bottom:14px}.xb-prose{max-width:74ch}.xb-prose h3{font-size:16.5px;margin:26px 0 6px}.xb-prose h3:first-child{margin-top:0}.xb-prose p{color:#39424C}.xb-callout{background:#F1EDFE;border-left:3px solid #6B4FE8;border-radius:0 8px 8px 0;padding:18px 22px;margin:0 0 26px;max-width:78ch}.xb-callout p:last-child{margin-bottom:0}.xb-callout strong{color:#0E1216}.xb-attr{background:#ffffff;border:1px solid #E3E7EA;border-radius:12px;padding:24px 26px;margin-bottom:14px}.xb-attrhead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}.xb-step{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:#ffffff;background:#6B4FE8;border-radius:5px;padding:3px 9px;white-space:nowrap}.xb-attrhead h3{font-size:19px}.xb-attrhead .xb-req{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#727C87;border:1px solid #E3E7EA;border-radius:5px;padding:2px 8px;margin-left:auto}.xb-attrq{color:#39424C;margin:0 0 16px;max-width:74ch}.xb-fixed{background:#ffffff;border:1px solid #E3E7EA;border-radius:12px;padding:22px 26px}.xb-fixed h3{font-size:17px;margin-bottom:4px}.xb-scroll{overflow-x:auto;border:1px solid #E3E7EA;border-radius:10px;background:#ffffff}.xb-page table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px;margin:0}.xb-page th,.xb-page td{text-align:left;padding:12px 16px;border-bottom:1px solid #F0F2F4;vertical-align:top}.xb-page thead th{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#727C87;font-weight:500;background:#FAFBFB;border-bottom:1px solid #E3E7EA;white-space:nowrap}.xb-page tbody tr:last-child td{border-bottom:0}.xb-opt{white-space:nowrap;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:14px}.xb-defs{display:grid;grid-template-columns:minmax(170px,250px) 1fr;gap:1px;background:#E3E7EA;border:1px solid #E3E7EA;border-radius:10px;overflow:hidden}.xb-defs>div{background:#ffffff;padding:12px 16px;font-size:14.5px}.xb-defs .k{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#727C87}.xb-eg{background:#0E1216;color:#ffffff;border-radius:12px;padding:22px 26px;margin-top:16px}.xb-eg .lab{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8A94A0;margin:0 0 10px}.xb-eg ol{margin:0 0 14px;padding-left:22px;color:#C8CFD6}.xb-eg li{margin-bottom:4px}.xb-eg .out{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:500;padding-top:14px;border-top:1px solid #2A3038}.xb-eg .outdesc{font-size:13px;color:#8A94A0;margin:6px 0 0}.xb-item{background:#ffffff;border:1px solid #E3E7EA;border-radius:12px;padding:24px 26px;margin-bottom:14px}.xb-itemhead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.xb-itemhead h3{font-size:18px;flex:1;min-width:260px}.xb-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;padding:3px 8px;border-radius:5px;background:#F1EDFE;color:#6B4FE8;white-space:nowrap}.xb-tag.g{background:#E7F3EE;color:#0B6B52}.xb-list a{display:block;background:#ffffff;border:1px solid #E3E7EA;border-radius:12px;padding:22px 26px;margin-bottom:12px;text-decoration:none;color:inherit;transition:border-color .16s,transform .16s}.xb-list a:hover{border-color:#0E1216;transform:translateY(-1px)}.xb-list h3{font-size:19px;margin:8px 0 8px}.xb-list p{color:#39424C;font-size:15px;margin:0 0 12px;max-width:76ch}.xb-choose{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#39424C}.xb-choose b{color:#0E1216;font-weight:600}.xb-more{font-size:14px;font-weight:600;color:#6B4FE8;display:inline-block;margin-top:12px}.xb-rue{border-left:2px solid #6B4FE8;padding-left:14px;font-size:13.5px;color:#39424C;margin-top:46px;max-width:70ch}.xb-page h1,.xb-page h2,.xb-page h3,.xb-page h4{text-transform:none;font-style:normal;text-align:left;text-shadow:none;border:0;padding:0;float:none;clear:none}.xb-page{text-align:left;letter-spacing:normal;text-transform:none}.xb-page p,.xb-page li,.xb-page div,.xb-page span{text-transform:none;text-shadow:none}.xb-page table{border:0;box-shadow:none}.xb-page th,.xb-page td{border-left:0;border-right:0;border-top:0;text-transform:none}.xb-page thead th{text-transform:uppercase}.xb-page img{border:0;max-width:100%;height:auto}.xb-page ul{list-style:disc}.xb-page ol{list-style:decimal}.xb-page a{box-shadow:none;background:none}.xb-page .xb-list a{background:#ffffff}.xb-prod{background:#ffffff;border:1px solid #E3E7EA;border-radius:14px;padding:30px 34px;margin-bottom:16px}.xb-prodhead{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #F0F2F4}.xb-letter{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:#6B4FE8;background:#F1EDFE;border-radius:5px;padding:4px 9px;flex:none}.xb-prodhead h2{font-size:23px;flex:1;min-width:250px;margin:0}.xb-prodhead .xb-kind{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#727C87;border:1px solid #E3E7EA;border-radius:5px;padding:3px 9px;white-space:nowrap}.xb-prod p{color:#39424C;max-width:78ch}.xb-prod h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#727C87;font-weight:500;margin:24px 0 9px}.xb-prod ul{max-width:78ch;color:#39424C;margin-bottom:0}.xb-prod{text-align:left}.xb-page .xb-more{display:inline-block;margin-top:24px;padding:12px 22px;border-radius:8px;background:#6B4FE8;color:#ffffff;font-family:'Public Sans',Arial,sans-serif;font-size:14px;font-weight:600;text-decoration:none;letter-spacing:0;line-height:1.2;text-align:left;float:none;width:auto;border:0;transition:background .15s}.xb-page .xb-more:hover,.xb-page .xb-more:focus{background:#553CD0;color:#ffffff;text-decoration:none}.xb-page .xb-more .xb-chev{margin-left:8px;font-weight:400}.xb-foot{margin-top:64px;padding:28px 30px;background:#EDEFF1;border-radius:12px}.xb-foot h2{font-size:19px;margin-bottom:10px}.xb-foot p{font-size:14.5px;color:#39424C;max-width:80ch;margin-bottom:12px}.xb-foot ol{max-width:80ch;margin:0;padding-left:22px}.xb-foot li{font-size:14.5px;color:#39424C;margin-bottom:10px}.xb-foot li b{color:#0E1216}.xb-foot .last{margin:16px 0 0;font-size:13.5px;color:#727C87}@media (max-width:760px){.xb-page{padding:30px 16px 52px}.xb-defs{grid-template-columns:1fr}.xb-attrhead .xb-req{margin-left:0}}


.xen-title{font-size:18px ! important;font-weight:700;color:#2a2a2a;margin:0 0 12px 0;border-left:5px solid #8c8974;padding-left:12px;height:30px;line-height:30px;}

/* Specifications - 160px max */
.xen-spec-table{width:100%;border-collapse:collapse;font-size:13px;}
.xen-spec-table th,.xen-spec-table td{padding:5px 12px;text-align:left;border-bottom:1px solid #d5d5d5;word-wrap:break-word;line-height:1.35;height:28px;}
.xen-spec-table th{background:#eeeeee;color:#2a2a2a;font-weight:700;width:30%;border-left:3px solid #8c8974;}
.xen-spec-table td{color:#4a4a4a;background:#ffffff;}
.xen-spec-table tr:last-child th,.xen-spec-table tr:last-child td{border-bottom:none;}

/* Key Features - 2x2 grid compact */
.xen-kf-grid{display:table;width:100%;border-collapse:separate;border-spacing:10px;table-layout:fixed;margin:-10px;}
.xen-kf-row{display:table-row;}
.xen-kf-cell{display:table-cell;width:50%;vertical-align:top;background:#eeeeee;border-radius:6px;padding:10px 14px;border-left:3px solid #8c8974;box-sizing:border-box;}
.xen-kf-cell h3{font-size:14px;font-weight:700;color:#2a2a2a;margin:0 0 4px 0;line-height:1.3;word-wrap:break-word;}
.xen-kf-cell p{font-size:13px;color:#4a4a4a;margin:0;line-height:1.45;word-wrap:break-word;}

/* Documents - single line compact */
.xen-doc-list{background:#ffffff;border-radius:8px;overflow:hidden;border:1px solid #d5d5d5;}
.xen-doc-row{display:table;width:100%;table-layout:fixed;border-bottom:1px solid #e5e5e5;height:32px;}
.xen-doc-row:last-child{border-bottom:none;}
.xen-doc-icon{display:table-cell;width:36px;vertical-align:middle;text-align:center;background:#eeeeee;border-right:1px solid #d5d5d5;font-size:14px;color:#8c8974;font-weight:700;}
.xen-doc-info{display:table-cell;vertical-align:middle;padding:0 14px;font-size:13px;font-weight:700;color:#2a2a2a;line-height:1.3;}
.xen-doc-action{display:table-cell;width:110px;vertical-align:middle;text-align:right;padding:0 12px;}
.xen-doc-btn{display:inline-block;background:#8c8974;color:#ffffff !important;font-weight:700;text-decoration:none;padding:4px 12px;border-radius:4px;font-size:11px;letter-spacing:0.5px;}

@media (max-width: 768px){
  .xen-title{font-size:15px ! important;}
  .xen-spec-table th,.xen-spec-table td{padding:5px 10px;font-size:12px;}
  .xen-spec-table th{width:40%;}
  .xen-kf-grid,.xen-kf-row,.xen-kf-cell{display:block;width:auto;}
  .xen-kf-grid{margin:0;border-spacing:0;}
  .xen-kf-cell{width:100%;margin-bottom:8px;}
  .xen-doc-icon{width:32px;font-size:13px;}
  .xen-doc-action{width:auto;padding:0 8px;}
  .xen-doc-btn{padding:3px 9px;font-size:10px;}
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #807f7d  !important;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.woocommerce span.onsale {
  display: none !important;
}

@media screen and (min-width: 0px) and (max-width: 700px) {

.woocommerce div.product div.images img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px; 
  width: 100%;
  height: auto;
}  
.woocommerce-breadcrumb { display: none; }

  main {
  display: block;
  padding: 20px;
}
.woocommerce div.product .product_title {
    clear: none;
    margin-top: -110px;
    padding: 4px;
}

}

.pcard-btn:hover{ background:#908f8f !important; transform:translateY(-2px); }

@media (max-width: 640px){
  .pcard{ padding-left:0 !important; }
  .pcard-media,
  .pcard-body{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  .pcard-media{ padding:18px 18px 0 !important; }
  .pcard-body{ padding:18px 18px 0 !important; }  /* 아래 패딩 0 → 버튼이 카드 바닥에 붙음 */

  /* table-cell 해제 → 세로 스택 */
  .pcard-foot,
  .pcard-foot-info,
  .pcard-foot-btn{
    display:block !important;
    width:auto !important;
    padding-right:0 !important;
    text-align:left !important;
    white-space:normal !important;
  }

  /* 버튼: 음수 마진으로 본문 패딩을 뚫고 나가 카드 맨 아래 전체 폭 바가 됨 */
  .pcard-foot-btn{
    margin:18px -18px 0 -18px !important;
  }
  .pcard-btn{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    padding:17px 8px !important;
    font-size:14px !important;
    letter-spacing:1px !important;
    border-radius:0 !important;   /* .pcard의 overflow:hidden이 모서리를 잘라줌 */
    box-shadow:none !important;
    transform:none !important;
  }
.pcard-btn:hover{ transform:none !important; }

 }


.woocommerce form .form-row select, .woocommerce-page form .form-row select {
    width: 40%;
}

#top.woocommerce-cart .button {
display: none;
}
.related.products {
  display: none;
}
.woocommerce div.product {
    margin-top: 140px;
    position: relative;
}

.woocommerce-cart .return-to-shop { display: none !important; };

.woocommerce-breadcrumb { display: none !important; };

.related.products {display:  !important; };

blockquote {
  font-size: 16px;
}

@media screen and (min-width: 0px) and (max-width: 980px) {
      #div-mobile {    display: block;  }
      #div-desktop {    display: none;  }
 }

@media screen and (min-width: 980px) and (max-width: 4000px) {
      #div-mobile {    display: none;  }
      #div-desktop {    display: block;  }
}

body {
    font-family: open sans, Arial, Helvetica,sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #000;
}
h1 {font-family: open sans, arial, sans-serif;
    font-size: 26px !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    color: #003366 !important;
}
h3 {font-family: fira sans, open sans, sans-serif;
    font-size: 22px;
    margin-bottom: 24px;
    font-weight: 500;
    color: #fff;
}

.h2, h2 {
  font-family: open sans, Arial, Helvetica,sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 2.6;
  margin-top:0px;
  margin-bottom:29px;
}

h5 {font-family: Open sans, sans-serif;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 4px; 
    font-weight: 700;
    color: #036;
}

@media screen and (min-width: 0px) and (max-width: 700px) {
h4 {
    font-family: open Sans, sans-serif;
    line-height:1.4;
    font-size: 18px ! important;
    margin-bottom: 20px;
    font-weight: 600;
    color: #003366;
}
      #div-mobile {    display: block;  }
      #div-desktop {    display: none;  }
 }

@media screen and (min-width: 701px) and (max-width: 4000px) {
      #div-mobile {    display: none;  }
      #div-desktop {    display: block;  }
}