/* 정현철물 · readable, wide desktop commerce */
:root{--ink:#171717;--muted:#646464;--rust:#171717;--rust-dark:#000;--paper:#fff;--line:#e4e4e4;--soft:#f6f6f6;--field-green:#171717;--field-deep:#080808;--earth-brown:#333;--accent:#171717}
html{scroll-padding-top:88px}body{background:#fff;color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#171717}
.wrap{width:calc(100% - 224px);max-width:1680px}.header-main{gap:40px;min-height:150px}.brand-dot{color:#171717}.header-links{display:none}.header-search{width:min(580px,45%);margin-inline:auto}.header-search form{border:2px solid #202020;border-radius:4px;height:52px;padding-inline:12px}.header-search input{font-size:1rem}.header-actions{gap:26px}.header-actions>button{font-size:.8125rem}.utility-bar{font-size:.8125rem;background:#fafafa}.popular-searches{display:flex;align-items:center;gap:11px;margin-top:9px;font-size:.8125rem;white-space:nowrap}.popular-searches>span{font-weight:600;margin-right:4px}.popular-searches button{padding:3px 0;min-height:29px;color:#5c5c5c}.popular-searches b{color:#171717;margin-right:3px;font-weight:700}.popular-searches button:hover{text-decoration:underline}.main-nav{box-shadow:0 3px 12px #00000003}.nav-inner{height:60px;gap:42px}.main-nav a.selected{color:#171717;box-shadow:inset 0 -3px #171717}.all-menu[aria-expanded="true"]{background:#f0f0f0;color:#171717}.nav-inner>.all-menu{min-width:154px;padding-inline:0 25px}.brand-title{font-size:2rem}
/* Neutral product-focused banners, with restrained colour from the products. */
.shop-banner{height:520px;background:#f3f3f3}.banner-slide.workshop-slide{background:#f4f4f4;color:#171717}.marine-slide{background:#eef0f1}.kitchen-slide{background:#f6f5f2}.banner-inner{align-items:flex-start}.banner-copy{padding-top:66px;max-width:54%}.banner-tag{font-size:.875rem;letter-spacing:1px;color:#666;margin-bottom:20px}.shop-banner h1,.shop-banner h2{font-size:clamp(2.7rem,3.1vw,3.75rem);line-height:1.32;font-weight:720;letter-spacing:-2px}.shop-banner p{font-size:1.125rem;line-height:1.9;color:#5b5b5b;margin:19px 0 25px}.hero-button,.marine-slide .hero-button,.kitchen-slide .hero-button{background:#171717;color:#fff;border-color:#171717;min-width:220px}.hero-button:hover,.marine-slide .hero-button:hover,.kitchen-slide .hero-button:hover{background:#fff;color:#171717}.banner-product{width:47%;height:445px;right:0;top:15px;mix-blend-mode:normal;display:flex;justify-content:center;align-items:center}.banner-product img{width:100%;height:100%;object-fit:contain;padding:18px 45px}.banner-product-label{position:absolute;bottom:38px;right:4%;font-size:.875rem;color:#5f5f5f;display:flex;gap:25px}.banner-product-label b{color:#171717}.banner-controls{color:#171717;bottom:26px}.banner-dots>button{width:95px;font-size:.8125rem}.banner-navigation{margin-left:12px}.banner-counter{font-size:.8125rem}
.quick-categories{padding-block:40px;grid-template-columns:190px minmax(0,1fr)}.shortcut-grid{gap:25px}.shortcut-grid>button{font-size:1rem}.shortcut-grid img{width:95px;height:95px;object-fit:contain;transition:transform .25s}.shortcut-grid>button:hover img{transform:translateY(-5px)}.quick-title h2{font-size:1.25rem}.featured-section{grid-template-columns:190px minmax(0,1fr);padding-block:62px;gap:30px}.shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.shelf-heading h2{font-size:1.8rem}.shelf-heading .text-button{font-size:.9375rem}.shelf-heading p{font-size:1rem}.product-visual{background:#f7f7f7;border:1px solid #eee;aspect-ratio:1}.catalog-photo,.uploaded-photo{width:100%;height:100%;object-fit:contain;display:block;background:transparent}.product-open .catalog-photo,.product-open .uploaded-photo{padding:16px;transition:transform .4s var(--ease)}.product-open:hover img{transform:scale(1.045)}.product-name{font-weight:600;line-height:1.65;font-size:1.0625rem}.product-desc{color:#6b6b6b}.product-meta{font-size:.8125rem}.product-price{font-size:1.4rem}.product-card-buttons>button{font-size:.875rem;min-height:44px}.product-caption{padding-top:16px}.product-label{font-size:.75rem}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:44px 26px}.stock{font-size:.8125rem}.wide-service{background:#1c1c1c}.wide-service>.wrap{min-height:176px}.wide-service h2{font-size:1.6rem}.wide-service p{color:#ccc}.new-arrivals{padding-block:62px}.catalog{padding-block:60px}.tabs button{font-size:1.0625rem}.subcategories button{font-size:.9375rem;min-height:42px}.sort-label,.sort-label select{font-size:.9375rem}.search-summary{color:#333}.section-heading h2{font-size:1.9rem}.product-grid .stock.out{color:#777}.catalog-note{font-size:.875rem}.service-banner{background:#f6f6f6}.service-banner:first-child{background:#f1f1f1}.footer-company{font-size:.9375rem;line-height:1.9;color:#555}.footer-company strong{color:#222;font-size:1rem}.footer-company-line{display:flex;flex-wrap:wrap;gap:8px 24px}.footer-copyright{margin-top:14px;font-size:.8125rem;color:#777}.footer-main{gap:60px}.preview-note{font-size:.8125rem}.shop-breadcrumb{color:#666}.page-back{border-color:#ccc;color:#333}.page-back:hover{background:#f5f5f5}.content-page-heading{border-color:#171717}
/* Always reachable left menu and independent scrolling drawer. */
.side-menu-trigger{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:31;background:#171717;color:#fff;width:66px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:3px;box-shadow:0 4px 18px #0000000d;font-size:.875rem;line-height:1.4}.side-menu-trigger:hover{background:#393939}.menu-shade{position:fixed;inset:0;background:#0005;z-index:70}.category-menu{position:fixed;inset:0 auto 0 0;width:340px;max-width:calc(100vw - 38px);height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:71;background:white;box-shadow:10px 0 40px #0002;border:0;outline:none}.category-menu>.wrap{width:100%;padding:26px 25px 34px;max-width:none}.category-menu-top{gap:15px;margin-bottom:6px;border-color:#222;padding-bottom:13px}.category-menu-top>a{font-size:1.25rem;color:#111}.category-menu-top>button{color:#555;font-size:.9375rem}.menu-caption{color:#777;font-size:.9375rem;margin-bottom:18px}.category-menu-columns{display:block}.category-menu-group{margin-bottom:21px}.category-menu-title{font-size:1.125rem;padding:9px 0;border-bottom:1px solid #ddd;color:#111}.category-menu-group ul{display:block;padding:6px 0 0}.category-menu-group li a{min-height:46px;color:#444;padding:8px 10px}.category-menu-group li a:hover,.category-menu-group li a:focus-visible{background:#f4f4f4;color:#111}.category-menu-group a span{color:#888}.category-menu>.wrap>.button{width:100%;margin-top:10px}.menu-open{overflow:hidden}
/* One quiet utility rail; Kakao remains icon-only. */
.quick-rail{position:fixed;right:18px;top:50%;transform:translateY(-36%);width:76px;background:white;z-index:30;border:1px solid #ddd;border-radius:4px;box-shadow:0 5px 20px #00000008;overflow:hidden}.quick-rail>button,.quick-rail>a{width:100%;min-height:75px;border-bottom:1px solid #eee;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:.6875rem;position:relative;line-height:1.4;padding:8px 3px}.quick-rail>button:hover{background:#f7f7f7}.quick-rail b{font-size:.625rem;position:absolute;right:7px;top:7px;border-radius:20px;background:#222;color:white;min-width:16px;padding:1px 4px}.quick-rail .icon{width:23px;height:23px}.recent-thumbnail{width:38px;height:34px;display:grid;place-items:center}.recent-thumbnail img{object-fit:contain;width:100%;height:100%}.talk-symbol{background:#03c75a;color:white;font-weight:900;width:27px;height:26px;border-radius:8px;display:grid;place-items:center;position:relative;font-size:17px;line-height:1}.talk-symbol:after{content:"";position:absolute;bottom:-3px;left:6px;border:4px solid transparent;border-top-color:#03c75a;border-bottom:0}.quick-rail .kakao-float{position:relative;inset:auto;transform:none;border-radius:0;background:#fee500;width:100%;height:65px;min-height:65px;box-shadow:none;border:0;margin:0;animation:none}.quick-rail .kakao-symbol{width:29px;height:23px;background:#3b241c;border-radius:50%;display:block;position:relative}.kakao-symbol:after{content:"";position:absolute;left:5px;bottom:-5px;width:0;height:0;border-top:8px solid #3b241c;border-right:7px solid transparent;transform:rotate(10deg)}.quick-rail>.rail-top{min-height:40px;flex-direction:row;font-size:.75rem;gap:8px;border-bottom:0}.quick-rail .rail-top span{font-size:.625rem}
/* Rebuilt detail sheets with actual source photos and readable specifications. */
#page-content{max-width:1240px}.detail-image{position:relative;aspect-ratio:1;background:#f7f7f7;max-width:none}.detail-image>.catalog-photo,.detail-image>.uploaded-photo{padding:30px;aspect-ratio:1}.detail-info dl{grid-template-columns:95px minmax(0,1fr);border-block:1px solid #e5e5e5;padding-block:16px;line-height:1.8}.detail-info dd{margin:0}.detail-info dt{color:#777}.detail-info .form-field{margin-block:20px}.detail-info select{min-height:48px}.detail-total{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ddd;padding-block:20px;font-size:.9375rem}.detail-total strong{font-size:1.5rem}.enhanced-label{position:absolute;bottom:8px;left:12px;color:#777;font-size:.75rem}.imported-detail{max-width:1000px;margin:65px auto 0;border-top:1px solid #ddd}.imported-detail>header{text-align:center;padding:58px 24px 40px}.imported-detail>header span{font-size:.75rem;letter-spacing:3px;color:#888}.imported-detail h2{font-size:2rem;line-height:1.45;margin-block:16px}.imported-detail header p{color:#666}.detail-section-links{display:flex;border-block:1px solid #ddd;justify-content:space-around}.detail-section-links a{display:block;text-align:center;min-height:52px;padding:13px 14px;font-size:1rem}.detail-section-links a:hover{background:#f6f6f6}.imported-detail section{padding:45px 30px;border-bottom:1px solid #eee}.imported-detail section h3{font-size:1.5rem;margin-bottom:24px}.spec-table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem;line-height:1.8}.spec-table th,.spec-table td{border:1px solid #ddd;padding:15px 19px}.spec-table th{background:#f6f6f6;font-weight:600;min-width:100px}.spec-table caption{text-align:left;margin:28px 0 12px;font-weight:600;color:#444}.spec-table-scroll{overflow-x:auto}.product-notes{padding-left:20px;color:#666;margin-block:26px 0;line-height:1.9}.source-main-photo{background:#fafafa;display:flex;justify-content:center;margin:22px 0 30px}.source-main-photo img{width:auto;max-width:100%;max-height:680px;object-fit:contain;padding:25px}.imported-detail figure{margin:0 0 28px}.imported-detail figure img{width:auto;max-width:100%;margin-inline:auto;height:auto}.detail-photo-note{font-size:.875rem;color:#777}.imported-detail dl{display:grid;grid-template-columns:100px 1fr;gap:16px;font-size:1rem;line-height:1.9;margin-bottom:26px}.imported-detail dd{margin:0}.imported-detail dt{color:#777}.list-row>.catalog-photo,.list-row>button>.catalog-photo{width:90px;height:90px;object-fit:contain;background:#f7f7f7}.recent-grid{margin-top:32px;grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state>.talk-symbol{margin:0 auto 25px}.account-dialog{color:#222}.account-primary{background:#171717!important}.large-text .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:2000px){.side-menu-trigger{left:calc((100vw - 1680px)/2 - 85px)}.quick-rail{right:calc((100vw - 1680px)/2 - 96px)}}
@media(max-width:1550px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-grid .product-card:nth-child(4){display:none}.header-main{gap:28px}.header-search{width:min(520px,45%)}.popular-searches{gap:8px;font-size:.75rem}.header-actions{gap:18px}.brand-title{font-size:1.8rem}.nav-inner{gap:30px}.banner-product-label{right:1%}}
@media(max-width:1200px){.wrap{width:calc(100% - 176px)}.side-menu-trigger{left:12px;width:54px;font-size:.8125rem}.quick-rail{right:10px;width:66px}.header-main{gap:24px;flex-wrap:wrap;padding-block:24px}.header-search{order:3;width:100%;margin:0}.header-actions{margin-left:auto}.popular-searches{font-size:.8125rem;gap:16px}.nav-inner{gap:24px}.nav-inner>.all-menu{min-width:120px;padding-right:18px}.nav-inner>.desktop-only{display:none}.nav-inner>.nav-consult{font-size:.875rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.featured-section,.quick-categories{grid-template-columns:1fr}.shelf-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.shelf-heading>p{display:none}.shelf-heading .text-button{margin-left:auto}.quick-title{display:flex;gap:15px;align-items:center}.quick-title h2{margin:0}.shortcut-grid{gap:20px}.banner-copy{max-width:58%;padding-top:50px}.shop-banner h1,.shop-banner h2{font-size:2.5rem}.shop-banner{height:470px}.banner-product{height:345px;top:35px;width:43%}.banner-product img{padding:10px}.banner-product-label{display:none}.shop-banner p{font-size:1rem}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.large-text .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.side-menu-trigger{display:none}.quick-rail{top:auto;bottom:84px;right:10px;transform:none;width:48px;border-radius:24px;box-shadow:0 3px 14px #0002}.quick-rail>button,.quick-rail>a{min-height:48px;height:48px;padding:7px;gap:0}.quick-rail>button>span:not(.talk-symbol):not(.recent-thumbnail),.quick-rail>button>b{display:none}.quick-rail .recent-thumbnail{width:28px;height:28px}.quick-rail .rail-top{min-height:36px;height:36px;font-size:1.2rem}.quick-rail .kakao-float{min-height:48px;height:48px}.quick-rail .kakao-symbol{width:25px;height:20px}.header-main{padding-block:20px;gap:20px}.header-search{width:100%}.header-search form{height:48px}.popular-searches{gap:13px;overflow:auto;scrollbar-width:none;font-size:.75rem}.popular-searches>span{font-size:.6875rem}.popular-searches button{min-height:30px}.nav-inner{gap:28px}.nav-inner>.nav-consult{display:none}.nav-inner>.all-menu{min-width:40px;margin-right:0;border:0;padding:0}.nav-inner>.all-menu span{display:none}.banner-copy{padding-top:45px;max-width:61%}.shop-banner{height:455px}.shop-banner h1,.shop-banner h2{font-size:2.3rem;letter-spacing:-1.5px}.shop-banner p{font-size:.9375rem}.banner-product{right:-12px;top:78px;height:290px;width:42%}.banner-controls{justify-content:flex-start;gap:15px}.banner-dots>button{width:75px}.banner-navigation{margin-left:0}.banner-counter{display:none}.quick-categories{padding-block:30px}.shortcut-grid{gap:10px}.shortcut-grid img{width:72px;height:72px}.shortcut-grid strong{font-size:.875rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px}.product-open .catalog-photo,.product-open .uploaded-photo{padding:10px}.product-price{font-size:1.25rem;flex-wrap:wrap}.stock{font-size:.75rem}.product-desc{display:none}.product-name{font-size:1rem}.featured-section{padding-block:40px}.shelf-grid{gap:18px}.shelf-heading .section-eyebrow{display:none}.shelf-heading h2{font-size:1.5rem}.wide-service>.wrap{min-height:150px}.wide-service h2{font-size:1.35rem}.wide-service p{font-size:.875rem}.wide-service .button{min-width:180px}.footer-main{gap:25px}.footer-company{font-size:.8125rem}.large-text .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.imported-detail section{padding-inline:10px}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header-main{min-height:0;gap:16px}.header-actions{gap:16px}.header-actions>button{font-size:.6875rem}.header-actions>button:nth-child(2){display:none}.brand-title{font-size:1.625rem}.brand-symbol{width:51px;height:51px}.popular-searches{gap:12px}.popular-searches>span{font-size:.6875rem;margin-right:0}.popular-searches button{font-size:.75rem;flex-shrink:0}.utility-inner>span{display:none}.utility-inner{justify-content:flex-end;min-height:31px}.utility-inner>div{gap:16px}.utility-inner button{font-size:.6875rem;min-height:31px}.nav-inner{height:51px;gap:25px}.nav-inner>a,.nav-inner>button{font-size:.9375rem}.nav-inner>.all-menu{min-width:24px}.shop-banner{height:540px}.banner-copy{max-width:100%;padding-top:30px}.banner-tag{font-size:.6875rem;letter-spacing:.6px;margin-bottom:14px}.shop-banner h1,.shop-banner h2{font-size:2rem;letter-spacing:-1px;line-height:1.35}.shop-banner p{font-size:.875rem;margin:14px 0 18px;line-height:1.8}.hero-button,.marine-slide .hero-button,.kitchen-slide .hero-button{min-width:185px;min-height:44px;font-size:.8125rem;padding:9px 13px}.banner-product{width:52%;height:265px;right:-8px;top:auto;bottom:45px;opacity:1}.workshop-slide .banner-product{width:57%;height:240px;bottom:47px;right:0}.banner-product img{padding:0}.banner-controls{bottom:13px;justify-content:space-between;gap:5px}.banner-dots>button{width:56px;font-size:.6875rem}.banner-navigation{gap:0}.banner-navigation>button{width:38px;height:44px}.banner-navigation>.banner-pause{width:32px}.banner-pause span{display:none}.quick-categories{gap:20px}.quick-title>span{font-size:.625rem}.quick-title h2{font-size:1.0625rem}.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px}.shortcut-grid img{width:76px;height:76px}.shortcut-grid strong{font-size:.9375rem}.shelf-heading{gap:10px}.shelf-heading .text-button{font-size:.8125rem;margin-left:auto;position:static}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.shelf-grid .product-card:nth-child(3){display:none}.product-grid,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.product-name{font-size:1rem;min-height:51px}.product-meta{font-size:.6875rem}.product-price{font-size:1.25rem}.product-price small{font-size:.8125rem}.product-price .stock{display:none}.product-card-buttons{grid-template-columns:1fr}.product-card-buttons>button:last-child{display:none}.product-card-buttons>button{min-height:42px;font-size:.875rem}.tabs{gap:20px;justify-content:flex-start;overflow:auto}.tabs button{font-size:1rem;white-space:nowrap}.subcategories{gap:2px}.subcategories button{font-size:.8125rem;min-height:38px}.sort-label,.sort-label select{font-size:.8125rem}.catalog-note{font-size:.75rem}.section-heading h2{font-size:1.5rem}.wide-service>.wrap{padding-block:30px}.wide-service h2{font-size:1.375rem}.wide-service .button{margin-top:18px}.service-banner{padding:22px}.footer-company{font-size:.8125rem}.footer-company-line{display:block}.footer-company-line span{display:block}.preview-note{padding-bottom:105px;font-size:.6875rem}.quick-rail{right:8px;bottom:81px;width:42px}.quick-rail>button,.quick-rail>a,.quick-rail .kakao-float{height:43px;min-height:43px}.quick-rail .rail-top{height:32px;min-height:32px}.quick-rail .icon{width:20px;height:20px}.talk-symbol{width:24px;height:23px;font-size:15px}.quick-rail .recent-thumbnail{width:25px;height:25px}.category-menu{width:320px}.category-menu>.wrap{padding:19px 22px 30px}.category-menu-group ul{display:block}.category-menu-group li a{min-height:44px}.category-menu-top>a{font-size:1.125rem}.detail-image{max-width:100%;width:100%}.detail-image>.catalog-photo,.detail-image>.uploaded-photo{padding:28px}.detail-info dl{grid-template-columns:80px 1fr}.imported-detail{margin-top:40px}.imported-detail>header{padding:35px 12px 28px}.imported-detail h2{font-size:1.5rem}.imported-detail header p{font-size:.9375rem}.imported-detail section{padding:30px 0}.imported-detail section h3{font-size:1.25rem}.spec-table{font-size:.875rem}.spec-table th,.spec-table td{padding:11px 12px}.spec-table th{min-width:80px}.detail-section-links a{font-size:.875rem;padding-inline:10px}.imported-detail dl{grid-template-columns:75px 1fr;font-size:.9375rem;gap:12px}.source-main-photo img{padding:15px;max-height:470px}.product-notes{font-size:.875rem}.list-row>.catalog-photo,.list-row>button>.catalog-photo{width:68px;height:68px}.large-text .product-grid{grid-template-columns:1fr}.large-text .header-actions{gap:8px}.large-text .nav-inner{gap:17px}.large-text .shop-banner{height:590px}.large-text .banner-copy{padding-top:25px}.large-text .shop-banner h1,.large-text .shop-banner h2{font-size:1.9rem}.large-text .banner-product{bottom:45px;height:225px}.large-text .product-name{min-height:0}.large-text .popular-searches{gap:10px}}
@media(prefers-reduced-motion:no-preference){.category-menu:not([hidden]){animation:drawer-enter .22s var(--ease)}.menu-shade:not([hidden]){animation:shade-enter .2s ease}.banner-slide.active .banner-product{animation:product-enter .65s var(--ease)}@keyframes drawer-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes shade-enter{from{opacity:0}to{opacity:1}}@keyframes product-enter{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.shortcut-grid>button:hover img,.product-open:hover img{transform:none}}

.account-dialog{background:#fff}.account-head{background:#fff;border-color:#ddd}.account-brand,.account-brand>span{color:#171717}.account-intro,.account-status{color:#666}.account-status{background:#f6f6f6;border-color:#e5e5e5}.preview-catalog-note{background:#f6f6f6;border-color:#ddd;color:#555}.quick-rail .kakao-symbol:after{background:none;clip-path:none;width:0;height:0;transform:none}
@media(max-width:560px){.nav-inner{gap:18px}.workshop-slide .banner-product{height:200px;bottom:45px}.header-main .brand-symbol{width:44px;height:48px}}