.local-guide-coverage{font-size:12px;line-height:1.5;color:#65727b;padding:6px 8px;margin:0 0 8px;background:#f5f7f8;border:1px solid #e5e9eb;flex:none}
.local-guide-coverage summary{cursor:pointer}
.local-guide-filter-note{font-size:12px;line-height:1.6;color:#65727b;clear:both;margin-top:8px}
.local-guide-search{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;margin-bottom:18px;min-height:40px}
.local-guide-search:after{display:none}
.local-guide-search .search-area-count{padding:0;float:none;white-space:nowrap;flex:none;font-size:14px}
.local-guide-search .search-area-form{float:none;flex:0 1 440px;min-width:220px}
.local-guide-search .form_search_wrap{display:flex;margin:0}
.local-guide-search .search_sel{float:none;width:36.4%;flex:none}
.local-guide-search .search_input{float:none;width:auto;flex:1;min-width:0}
.local-guide-search .search_input input[type=text]{padding-right:46px}
.local-guide-search .local-guide-search-button{position:absolute;right:1px;top:1px;width:calc(2.5rem - 2px);height:calc(2.5rem - 2px);padding:0;margin:0;border:0;border-radius:0;background:#f0f0f0 url('/E_CATALOG/original/img/icon/ico_search_btn.png') no-repeat center;cursor:pointer}
.local-guide-search .local-guide-search-button:focus-visible{outline:2px solid #26bed1;outline-offset:-2px}
@media(max-width:575px){.local-guide-search .search-area-form{width:100%}.local-guide-search .form_search_wrap{display:flex}.local-guide-search .search_sel{flex:0 0 30%;min-width:0}.local-guide-search .search_input{flex:1;min-width:0}}
.local-guide-error{padding:24px;color:#a63826;background:#fff5f1;border:1px solid #ecc9bf}
.local-guide-empty{padding:50px!important;text-align:center}
.local-guide-results{position:relative;overflow:auto!important;min-width:0;min-height:0;flex:1 1 auto;overscroll-behavior:contain;border-top:1px solid #000;scrollbar-width:auto;scrollbar-color:#999 #f3f3f3}
.local-guide-results::-webkit-scrollbar{width:10px;height:10px}
.local-guide-results::-webkit-scrollbar-thumb{background:#999;border:2px solid #f3f3f3;border-radius:7px}
.local-guide-results::-webkit-scrollbar-track{background:#f3f3f3}
.local-guide-results .tool img{width:120px;max-width:100%;height:auto;vertical-align:middle;object-fit:contain}
.local-guide-results td>a{color:inherit}
.local-guide-results td>a:hover{text-decoration:underline}
.local-guide-results table.data-list-row{width:var(--guide-table-width,1560px);min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0}
.local-guide-results .data-list-row th{position:sticky;top:0;z-index:2;background:#eee;color:#000;font-size:14px;line-height:1.25;height:76px;border-top:0;border-bottom:1px solid #ddd;vertical-align:middle;padding:8px 4px;text-align:center}
.local-guide-results .data-list-row th span{font-size:12px;font-weight:400}
.local-guide-results .data-list-row td{height:64px;padding:7px 8px;border-bottom:1px solid #d9d9d9;color:#808080;font-size:14px;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.local-guide-results .data-list-row th:nth-child(1){width:145px}
.local-guide-results .data-list-row th:nth-child(2){width:165px}
.local-guide-results .data-list-row th:nth-child(3){width:180px}
.local-guide-results .data-list-row th:nth-child(4),.local-guide-results .data-list-row th:nth-child(5){width:55px}
.local-guide-results .data-list-row td:nth-child(4) a,.local-guide-results .data-list-row td:nth-child(5) a{color:#0086b2}
.local-guide-results .data-list-row .tool{display:table-cell!important}
/* Freeze the image and item code within this scrollable result table. */
.local-guide-results{scroll-padding-left:calc(var(--guide-image-column-width,145px) + var(--guide-code-column-width,165px));scroll-padding-top:76px}
.local-guide-results .data-list-row tbody tr[data-guide-product]>td:nth-child(-n+2){position:sticky;z-index:1;background:#fff}
.local-guide-results .data-list-row th:first-child,.local-guide-results .data-list-row tbody tr[data-guide-product]>td:first-child{left:0}
.local-guide-results .data-list-row th:nth-child(2),.local-guide-results .data-list-row tbody tr[data-guide-product]>td:nth-child(2){left:var(--guide-image-column-width,145px);box-shadow:2px 0 0 #d9d9d9}
.local-guide-results .data-list-row th:nth-child(-n+2){z-index:3}
@media(max-width:575px){
  .local-guide-results table.data-list-row{width:calc(var(--guide-table-width,1560px) - 102px)}
  .local-guide-results .data-list-row th:first-child{width:72px;font-size:12px}
  .local-guide-results .data-list-row th:nth-child(2){width:136px}
  .local-guide-results .tool img{width:56px}
}

/* Dimension widths are supplied with each category's headers. Keep each
   specification intact while retaining the table's horizontal scrollbar. */
.local-guide-results .data-list-row th[data-guide-dimension] span{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.local-guide-results .data-list-row td:nth-child(n+6){white-space:nowrap;overflow-wrap:normal;word-break:normal}

body[data-guide-kind] #contentCenter .board-paging{flex:none;margin:12px 0 0;padding:0;min-height:28px;display:flex;align-items:center;justify-content:center;gap:6px}
body[data-guide-kind] #contentCenter .board-paging ol{display:flex;align-items:center;gap:4px;margin:0}
body[data-guide-kind] #contentCenter .board-paging a{min-width:24px;line-height:28px}
body[data-guide-kind] #contentCenter .board-paging ol li{margin:0}
body[data-guide-kind] .depth_info_wrap{min-height:0}
body[data-guide-kind] .sub-wrap-conts{max-width:none}
body[data-guide-kind] .sub-category__list>li{flex:1 1 0;max-width:none;min-width:0}
body[data-guide-kind] .sub-category__inner{padding:0 20px}
body[data-guide-kind] .type_tool-guide .inner{max-width:none;padding:0 30px}
body[data-guide-kind] .search-panel-table{width:100%}
body[data-guide-kind] #panelRight{background:#fff;padding:0;border:0;box-shadow:none}
body[data-guide-kind] #panelRight .panel_mo_scroll{height:auto}
body[data-guide-kind] #formFilter [hidden]{display:none!important}
body[data-guide-kind] #formFilter .app-shape-sel .init{min-height:80px;display:flex;align-items:center;gap:14px;padding-right:28px}
body[data-guide-kind] #formFilter .app-shape-sel{margin:0}
body[data-guide-kind] #formFilter .reset-btn{position:sticky;bottom:0;z-index:3;margin-top:8px;background:#000}
@media(min-width:1024px){
  /* These are viewport shells, not scroll areas. Unlike hidden, clip cannot
     silently scroll the shell when a filter input receives keyboard focus. */
  html.local-guide-page,body[data-guide-kind]{overflow:hidden!important;overflow:clip!important;height:100%}
  body[data-guide-kind] #contents #subWrap{min-height:0;height:100dvh;overflow:hidden;overflow:clip}
  body[data-guide-kind] .sub-wrap-conts{padding-top:22px}
  body[data-guide-kind] .sub-category__inner{margin-bottom:90px}
  body[data-guide-kind] .type_tool-guide .depth_info_wrap{display:grid;grid-template-columns:minmax(0,3fr) minmax(340px,2fr);gap:clamp(20px,2.6vw,50px);height:var(--guide-workspace-height,calc(100dvh - 235px));min-height:240px;align-items:stretch}
  body[data-guide-kind] .depth_info_wrap:after{display:none}
  body[data-guide-kind] .type_tool-guide .depth_info_wrap #contentCenter{display:flex;flex-direction:column;width:auto;min-width:0;min-height:0;float:none;padding:0;overflow:hidden}
  body[data-guide-kind] .type_tool-guide .depth_info_wrap .panel_right_wrap{width:auto;min-width:0;min-height:0;float:none;padding:0;overflow:auto;overscroll-behavior:contain}
  body[data-guide-kind] .type_tool-guide .depth_info_wrap #panelRight,body[data-guide-kind] .type_tool-guide .depth_info_wrap #panelRight.fixed{position:static;right:auto;top:auto;width:100%;height:auto}
  body[data-guide-kind] .panel-menu-btn{display:none!important}
  body[data-guide-kind] #panelRight .panel_mo_scroll{overflow:visible}
}
@media(min-width:1024px) and (max-width:1199px){body[data-guide-kind] .sub-wrap-conts{padding-top:90px}body[data-guide-kind] .sub-category__inner{margin-bottom:75px}body[data-guide-kind] .type_tool-guide .inner{padding:0 20px}}
@media(min-width:1200px) and (max-width:1599px){body[data-guide-kind] #header{width:250px;padding-top:100px}body[data-guide-kind] #contents{width:calc(100% - 250px)}body[data-guide-kind] .type_tool-guide .inner{padding:0 20px}body[data-guide-kind] .type_tool-guide .depth_info_wrap{grid-template-columns:minmax(0,3fr) minmax(330px,2fr);gap:20px}body[data-guide-kind] #formFilter{font-size:13px}}
/* Drill and PCD have many permanent dimension rows. Fit the controls themselves
   into the available desktop height, rather than hiding their outer scrollbar. */
@media(min-width:1024px){
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter{display:flow-root;--guide-filter-control:34px;--guide-filter-cell-pad:4px;--guide-filter-material:104px;--guide-filter-application:62px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd])[data-guide-filter-density=compact] #formFilter{--guide-filter-control:30px;--guide-filter-cell-pad:3px;--guide-filter-material:80px;--guide-filter-application:50px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd])[data-guide-filter-density=tight] #formFilter{--guide-filter-control:26px;--guide-filter-cell-pad:2px;--guide-filter-material:60px;--guide-filter-application:42px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .search-panel-table th,
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .search-panel-table td{padding:var(--guide-filter-cell-pad) 8px;font-size:13px;line-height:1.35}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .search-panel-table th{padding-left:4px;padding-right:4px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .search-panel-table input[type=text],
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .search-panel-table .btn-input-search{height:var(--guide-filter-control);min-height:26px;vertical-align:middle}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .search-panel-table input[type=text]{padding-left:3px;padding-right:3px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .search-panel-table .btn-input-search{background-size:16px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .scrollbox-x{height:var(--guide-filter-material);padding:4px 8px;overflow-y:auto;overscroll-behavior:contain}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .checkbox-type input[type=checkbox]+label{margin:4px 0;font-size:12px;line-height:16px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .radio-button-type label{padding-top:5px;padding-bottom:5px;margin:2px;font-size:12px;min-height:28px;line-height:16px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .radio-button-type.__shankType #shank-1+label,
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .radio-button-type.__shankType #shank-2+label{padding-left:45px;padding-right:3px;background-size:38px auto;white-space:nowrap}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .app-shape-sel-wrap{height:var(--guide-filter-application)}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .app-shape-sel .init{height:var(--guide-filter-application);min-height:var(--guide-filter-application);padding-top:4px;padding-bottom:4px;gap:8px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .app-shape-sel .init img{width:auto;max-height:calc(var(--guide-filter-application) - 10px);object-fit:contain}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter #shapeImg img{max-height:250px;width:auto;max-width:100%;object-fit:contain}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd])[data-guide-filter-density=tight] #formFilter #shapeImg img{max-height:180px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .reset-btn{position:static;display:flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;margin-top:5px;font-size:13px;line-height:22px}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .reset-btn:after{margin-left:0}
  body:is([data-guide-kind=drill],[data-guide-kind=pcd]) #formFilter .reset-btn input[type=reset]{height:22px;padding:0;font-size:13px;line-height:22px;cursor:pointer}
  /* Use the available height on a roomy drill screen instead of leaving a
     short filter at the top. Small screens still use the compact row sizes. */
  body[data-guide-kind=drill] #formFilter{display:flex;flex-direction:column;min-height:calc(var(--guide-workspace-height,calc(100dvh - 235px)) * .8)}
  body[data-guide-kind=drill] #formFilter>.dtable{display:flex;flex-direction:column;flex:1 0 auto}
  body[data-guide-kind=drill] #formFilter>.dtable>.search-panel-table{flex:0 0 auto}
  body[data-guide-kind=drill] #formFilter>.dtable>.search-panel-table:last-of-type{flex:1 0 auto}
  body[data-guide-kind=drill] #formFilter>.reset-btn{align-self:flex-end;flex:none;float:none}
}
@media(max-width:1023px){
  body[data-guide-kind] .type_tool-guide .inner{padding:0 16px}
  body[data-guide-kind] #contentCenter{display:flex;flex-direction:column;min-height:0;max-width:100%;padding:0;height:calc(100dvh - 295px);min-height:360px}
  body[data-guide-kind] .local-guide-search{gap:10px;margin-bottom:12px}
  body[data-guide-kind] #panelRight{width:min(90vw,540px);padding:65px 16px 20px;background:white;overflow:auto}
  body[data-guide-kind] #panelRight.open{right:0}
  body[data-guide-kind] #panelRight .panel_mo_scroll{overflow:visible}
}
@media(max-width:575px){body[data-guide-kind] .local-guide-search{flex-direction:column;align-items:stretch}.local-guide-search .search-area-form{flex:auto;min-width:0}body[data-guide-kind] .sub-category__inner{margin-bottom:80px}body[data-guide-kind] .sub-category__list>li p{font-size:11px;padding-top:15px}.local-guide-results .data-list-row td{font-size:13px}}
@media(max-width:767px){body[data-guide-kind] #formFilter .app-shape-sel .init{min-height:45px;height:45px}}
#contentCenter[aria-busy=true]{opacity:.55;transition:opacity .1s}
.app-shape-sel .init:focus-visible,.app-shape-sel li[role=option]:focus-visible{outline:2px solid #29bad0;outline-offset:-2px}
.local-guide-image-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;padding:40px 16px;box-sizing:border-box;cursor:zoom-out}
.local-guide-image-overlay figure{margin:0;max-width:100%;max-height:100%;background:#fff;cursor:default}
.local-guide-image-overlay img{display:block;background:white;width:auto;height:auto;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);min-width:0;object-fit:contain}
.local-guide-image-overlay img[hidden]{display:none}
.local-guide-image-overlay figcaption{max-width:320px;padding:12px;font-size:13px;line-height:1.5;color:#444}
.local-guide-image-overlay[data-image-fallback=true] img{max-height:calc(100vh - 155px);max-height:calc(100dvh - 155px);margin:auto}
.local-guide-image-overlay button{position:absolute;right:16px;top:8px;min-width:36px;min-height:36px;padding:0;color:#fff;font-size:32px;line-height:36px;background:transparent;border:0;cursor:pointer}
.local-guide-image-overlay button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#formFilter input:focus-visible+label{outline:2px solid #26bed1;outline-offset:2px}
#formFilter [name=removeTr] input[type=text]{padding-left:3px;padding-right:3px}
/* Translated names need the full tab width, not the 100px icon's width.
   Allow two readable lines without growing into the filter workspace. */
html:not([lang=ko]) body[data-guide-kind] .sub-category__list>li .category_item{position:static}
html:not([lang=ko]) body[data-guide-kind] .sub-category__list>li p{font-size:16px;line-height:20px;word-break:normal;overflow-wrap:normal;hyphens:auto;padding-left:5px;padding-right:5px}
html[lang=de] body[data-guide-kind] .sub-category__list>li p{font-size:14px;letter-spacing:-.25px}
html[lang=de] body[data-guide-kind] #formFilter .search-panel-table th{width:30%;font-size:12px;line-height:1.3;word-break:normal;overflow-wrap:normal;hyphens:auto}
html[lang=de] body[data-guide-kind] #formFilter .search-panel-table .checkbox-type label{word-break:normal;overflow-wrap:normal;hyphens:auto}
@media(max-width:767px){html:not([lang=ko]) body[data-guide-kind] .sub-category__list>li p{font-size:11px;line-height:14px}html[lang=de] body[data-guide-kind] .sub-category__list>li p{font-size:10px;overflow-wrap:anywhere}}