/* 정현철물 v12 — white commerce with a quiet Daejeo landscape. */
:root{--field-green:#35553e;--field-deep:#294431;--earth-brown:#594333;--ink:#202020;--muted:#666;--paper:#fff;--line:#e6e6e3;--soft:#f8f8f7}
body{background:#fff;color:#202020}.wrap{width:calc(100% - 200px);max-width:1680px}.header-main{min-height:124px;padding-block:20px;gap:35px}.header-search{width:min(590px,46%)}.header-search form{border:1px solid #b9bfb5;background:#fcfcfb;border-radius:4px;height:50px;padding-inline:13px;transition:border-color .2s,box-shadow .2s}.header-search form:focus-within{border-color:#35553e;box-shadow:0 0 0 2px #35553e12}.header-search input{color:#222;font-size:1rem}.header-search input::placeholder{color:#777}.header-search button{color:#35553e}.brand-title{color:#594333}.brand-title small{color:#777}.brand-dot{color:#35553e}.utility-bar{background:#fafbf9;border-bottom:1px solid #eceee9;color:#666}.utility-inner>span{color:#5d6a58}.header-actions>button{font-size:.8125rem;color:#333;min-height:48px}.header-actions .count-badge{background:#35553e}.main-nav{background:#fff;border-top:1px solid #ededeb;border-bottom:1px solid #dedfdc;box-shadow:0 3px 12px #00000003}.nav-inner{gap:36px;height:59px}.nav-inner>a,.nav-inner>button{color:#252525}.nav-inner>.all-menu{color:#35553e}.main-nav a.selected{color:#35553e;box-shadow:inset 0 -3px #35553e}.main-nav a:after{background:#35553e}.all-menu[aria-expanded="true"]{background:#f4f6f1;color:#35553e}.nav-inner>.nav-consult{color:#594333}.side-menu-trigger{background:#35553e}.side-menu-trigger:hover{background:#294431}.category-menu-top>a,.category-menu-title{color:#594333}.category-menu-group li a:hover,.category-menu-group li a:focus-visible{background:#f3f6ef;color:#35553e}.category-menu>.wrap>.button{color:#35553e;border-color:#cbd2c6;background:white}
/* Pale landscape above the white product shelves. */
.shop-banner{height:470px;background:#f8f9f6}.banner-slide.workshop-slide{isolation:isolate;background:#f8f9f6;color:#594333}.workshop-slide:before{content:"";position:absolute;inset:-4px;background-image:var(--landscape-photo);background-position:center 58%;background-size:cover;filter:blur(1.6px) saturate(.72);opacity:.67;z-index:-2}.workshop-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffffffa 0%,#fffffff0 23%,#ffffffb5 47%,#ffffff38 78%,#ffffff45),linear-gradient(0deg,#ffffffe3 0%,transparent 35%,#ffffff24 100%);z-index:-1}.banner-copy{padding-top:53px;max-width:60%}.banner-tag{color:#596c4e;font-size:.875rem;letter-spacing:.5px;display:flex;gap:9px;align-items:center;margin-bottom:17px}.field-dot{width:6px;height:6px;border-radius:50%;background:#6c8757;display:inline-block;flex-shrink:0}.shop-banner h1,.shop-banner h2{color:#594333;font-weight:700;font-size:clamp(2.6rem,3vw,3.4rem);line-height:1.34;letter-spacing:-1.6px}.shop-banner h1 em{font-style:normal;color:#35553e}.shop-banner p{font-size:1.0625rem;line-height:1.9;color:#5f6659;margin:16px 0 24px}.hero-button,.marine-slide .hero-button,.kitchen-slide .hero-button{background:#35553e;border-color:#35553e;color:#fff;font-size:.9375rem;min-height:48px;min-width:216px}.hero-button:hover,.marine-slide .hero-button:hover,.kitchen-slide .hero-button:hover{background:#294431;color:white;border-color:#294431}.landscape-caption{position:absolute;right:2%;bottom:70px;text-align:right;color:#594333}.landscape-caption>span{font-size:.6875rem;font-weight:650;letter-spacing:2px;opacity:.8}.landscape-caption>p{font-size:.875rem;margin:10px 0 0;line-height:1.8;color:#594333}.banner-controls{bottom:19px;color:#596248}.banner-dots>button{width:88px;font-size:.75rem}.banner-navigation{gap:3px;margin-left:8px}.banner-navigation>button{min-width:40px}.banner-navigation>.banner-pause{min-width:70px}.banner-product{height:360px;width:43%;top:20px;right:2%;bottom:auto}.banner-product img{padding:18px 35px}.marine-slide{background:#f4f7f4}.kitchen-slide{background:#faf8f4}.marine-slide .banner-copy,.kitchen-slide .banner-copy{max-width:55%}.marine-slide h2,.kitchen-slide h2{color:#594333}.shop-banner[data-current="1"] .banner-controls,.shop-banner[data-current="2"] .banner-controls{color:#596248}
/* Product names and prices remain neutral for quick comparison. */
.quick-categories{padding-block:33px;border-bottom-color:#e8e9e4;gap:24px}.quick-title>span,.shelf-heading>.section-eyebrow{color:#718263}.quick-title h2{color:#594333}.shortcut-grid img{width:84px;height:84px}.shortcut-grid strong{color:#333;font-size:.9375rem}.featured-section{padding-block:49px;gap:28px}.shelf-heading h2{color:#594333;line-height:1.4;font-size:1.75rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shelf-heading p{font-size:.9375rem;line-height:1.85;color:#727169}.shelf-heading .text-button{color:#35553e;font-size:.875rem}.best-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.625rem;font-weight:700;letter-spacing:.6px;line-height:1.2;color:#35553e;border:1px solid #d8e0cf;border-radius:20px;background:#f4f7f0;padding:6px 9px;white-space:nowrap}.best-indicator>span{width:5px;height:5px;display:inline-block;background:#6b8755;border-radius:50%}.product-card{background:#fff;color:#202020}.product-visual{background:#fafafa;border:1px solid #eee}.product-name,.product-price{color:#202020}.product-meta{color:#777}.product-desc{color:#727272}.product-label{background:#242424}.product-label.soldout{background:#777}.wish-button{color:#666}.product-card-buttons>button{background:white;border-color:#ddd;color:#333}.product-card-buttons>button:hover{background:#f7f7f7}.product-grid{--catalog-columns:5;grid-template-columns:repeat(var(--catalog-columns),minmax(0,1fr));gap:36px 24px}.shelf-grid{gap:24px}.catalog{padding-block:54px 44px}.section-heading h2{color:#594333}.section-heading .section-eyebrow{color:#718263}.section-heading h2 #catalog-title{color:inherit}.section-heading .outline-link{color:#555;border-color:#d9ddd4}.tabs{border-bottom:1px solid #333}.tabs button{color:#6a6a6a}.tabs button.active{color:#171717}.subcategories button{font-size:.875rem;color:#666}.subcategories button.active{background:#242424;color:white}.catalog-subrow{padding-bottom:24px}.catalog-note{margin-top:28px;border-top:1px solid #e5e5e5;color:#777}.catalog-pager{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:37px}.catalog-range{font-size:.8125rem;color:#777;font-variant-numeric:tabular-nums;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:5px}.pagination button{border:1px solid #e3e3e3;border-radius:3px;background:white;color:#555;min-width:42px;min-height:44px;font-size:.9375rem;padding:7px 10px;font-variant-numeric:tabular-nums}.pagination button.active{background:#242424;color:white;border-color:#242424;font-weight:650}.pagination button:not(:disabled):not(.active):hover{background:#f2f2f2;border-color:#aaa}.pagination button:disabled{color:#c2c2c2;background:#fafafa;cursor:default}.product-grid .product-caption{min-width:0}.product-price{flex-wrap:wrap}.product-name{overflow-wrap:anywhere}
.wide-service{background:#f4f6f0;color:#594333;border-block:1px solid #e7ebdf}.wide-service>.wrap{min-height:166px}.wide-service span:not(.button span){color:#70805f;letter-spacing:1.3px}.wide-service h2{color:#594333;font-size:1.55rem}.wide-service p{color:#6e7567;font-size:.9375rem}.wide-service .button{background:#35553e;border-color:#35553e;color:#fff;min-width:207px}.wide-service .button:hover{background:#294431;color:#fff;border-color:#294431}.new-arrivals{padding-block:48px}.service-banner,.service-banner:first-child{background:#f9faf7;border:1px solid #e7eade;color:#594333}.service-banner .section-eyebrow{color:#70805f}.service-banner small{color:#72756b}.customer-area{border-top-color:#e6e8e0}.customer-area h2{color:#594333}.customer-area .button.dark{background:#35553e}.site-footer{background:#fcfcfa}.footer-nav{border-color:#e6e8e0}.footer-company{color:#676761}.footer-company strong{color:#594333}.page-back{background:white}.content-page-heading{border-color:#ccc}.content-page-heading h1{color:#594333}.shop-breadcrumb [aria-current]{color:#444}.notice{background:#f6f6f5;color:#555}.detail-info h3,.detail-info .price{color:#202020}.imported-detail>header h2,.imported-detail section h3{color:#202020}.button.primary{background:#242424;color:white}.detail-image{background:#fafafa}.large-text .product-grid{--catalog-columns:4;grid-template-columns:repeat(var(--catalog-columns),minmax(0,1fr))}
/* One floating channel icon; no SNS rail or search keyword strip. */
.kakao-float{position:fixed;inset:auto 24px 25px auto;z-index:35;display:grid;place-items:center;width:56px;height:56px;min-height:56px;padding:0;border:1px solid #e6ce00;border-radius:50%;background:#fee500;box-shadow:0 4px 15px #00000012;transition:transform .2s,box-shadow .2s}.kakao-float:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000020}.kakao-float>.kakao-symbol{width:28px;height:23px;background:#3b241c;border-radius:50%;position:relative;display:block}.kakao-float>.kakao-symbol:after{content:"";position:absolute;bottom:-4px;left:5px;background:#3b241c;clip-path:polygon(0 0,100% 0,0 100%);width:8px;height:8px;border:0;transform:none}.account-brand{color:#594333}.account-dialog{background:white}.account-head{background:white}
@media(min-width:2000px){.side-menu-trigger{left:calc((100vw - 1680px)/2 - 84px)}}
@media(max-width:1550px){.product-grid{--catalog-columns:4}.header-main{gap:28px}.header-search{width:min(510px,46%)}.nav-inner{gap:29px}.banner-product{height:350px;width:43%}.landscape-caption{right:0}.shelf-heading h2{font-size:1.65rem}.shelf-heading .best-indicator{font-size:.625rem}}
@media(max-width:1200px){.wrap{width:calc(100% - 164px)}.header-main{display:grid;grid-template-columns:1fr auto;min-height:0;padding-block:23px;gap:23px}.header-search{grid-column:1/-1;width:100%;order:3;margin:0}.header-actions{margin-left:0;gap:24px}.nav-inner{gap:28px}.nav-inner>.all-menu{min-width:128px}.shop-banner{height:420px}.banner-copy{max-width:62%;padding-top:48px}.shop-banner h1,.shop-banner h2{font-size:2.6rem}.banner-product{height:310px;top:45px;right:0;width:40%}.banner-product img{padding:8px}.landscape-caption{display:none}.featured-section{grid-template-columns:1fr}.shelf-heading{display:flex;align-items:center;gap:16px;padding-top:0}.shelf-heading>.section-eyebrow{margin:0;font-size:.8125rem}.shelf-heading p{display:none}.shelf-heading .text-button{margin-left:auto}.quick-categories{grid-template-columns:1fr}.quick-title{display:flex;align-items:center;gap:13px}.quick-title h2{margin:0}.product-grid{--catalog-columns:3}.large-text .product-grid{--catalog-columns:3}.wide-service h2{font-size:1.4rem}.wide-service .button{min-width:185px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header-main{padding-block:20px;gap:18px}.header-search form{height:48px}.header-actions{gap:22px}.nav-inner{gap:30px}.nav-inner>.all-menu{min-width:32px}.shop-banner{height:405px}.banner-copy{max-width:72%;padding-top:40px}.shop-banner h1,.shop-banner h2{font-size:2.4rem;letter-spacing:-1.3px}.shop-banner p{font-size:1rem;line-height:1.85}.workshop-slide:before{background-position:63% center;opacity:.58}.workshop-slide:after{background:linear-gradient(90deg,#fffffff5 0%,#ffffffd9 40%,#ffffff66 100%),linear-gradient(0deg,#ffffffcc,transparent 45%)}.banner-product{height:285px;width:40%;right:0;top:53px}.marine-slide .banner-copy,.kitchen-slide .banner-copy{max-width:65%}.banner-controls{bottom:17px;gap:15px}.banner-dots>button{width:78px}.banner-navigation>.banner-pause{min-width:40px}.banner-pause span{display:none}.product-grid{--catalog-columns:3;gap:32px 18px}.large-text .product-grid{--catalog-columns:2}.shelf-grid{gap:20px}.shelf-heading h2{font-size:1.5rem}.shelf-heading>.section-eyebrow{display:none}.shelf-heading .text-button{font-size:.875rem}.quick-categories{padding-block:29px}.shortcut-grid img{width:70px;height:70px}.shortcut-grid strong{font-size:.875rem}.featured-section,.new-arrivals{padding-block:38px}.wide-service>.wrap{min-height:154px}.catalog{padding-block:40px}.catalog-pager{padding-top:30px}.kakao-float{right:17px;bottom:calc(82px + env(safe-area-inset-bottom));width:52px;height:52px;min-height:52px}.mobile-dock{min-height:68px}.footer-main{gap:28px}.preview-note{padding-bottom:96px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.header-main{padding-block:17px;gap:16px;grid-template-columns:minmax(0,1fr) auto}.header-main .brand-title{font-size:1.55rem;letter-spacing:-1px}.header-main .brand-title small{font-size:.4rem;letter-spacing:.55px}.header-main .brand-symbol{width:42px;height:46px}.header-actions{gap:14px}.header-actions>button{font-size:.6875rem;min-width:40px;gap:5px;min-height:44px}.header-actions>button:nth-child(2){display:none}.header-search form{height:46px;border-radius:4px;padding-inline:11px}.header-search input{font-size:1rem}.utility-inner>div{gap:16px}.utility-inner button{font-size:.6875rem;min-height:32px}.utility-inner>span{display:none}.utility-inner{min-height:32px;justify-content:flex-end}.nav-inner{height:53px;gap:0;justify-content:space-between}.nav-inner>.all-menu{min-width:26px;margin-right:8px}.nav-inner>a{font-size:.9375rem;min-height:50px}.nav-inner>.desktop-only,.nav-inner>.nav-consult{display:none}.shop-banner{height:375px}.banner-copy{max-width:100%;padding-top:33px}.banner-tag{font-size:.75rem;letter-spacing:0;margin-bottom:17px;gap:7px}.shop-banner h1,.shop-banner h2{font-size:2rem;line-height:1.4;letter-spacing:-1px}.shop-banner p{font-size:.875rem;margin:15px 0 22px;line-height:1.9}.workshop-slide:before{opacity:.56;background-position:65% center;filter:blur(1px) saturate(.65)}.workshop-slide:after{background:linear-gradient(90deg,#fffffff3 0%,#ffffffd9 48%,#ffffff86 100%),linear-gradient(0deg,#ffffffc9,transparent 60%)}.hero-button,.marine-slide .hero-button,.kitchen-slide .hero-button{min-width:188px;min-height:44px;font-size:.8125rem;padding:9px 14px}.banner-controls{bottom:10px;gap:5px;justify-content:space-between}.banner-dots>button{width:59px;font-size:.6875rem}.banner-navigation{margin:0;gap:0}.banner-navigation>button{width:36px;min-width:36px;min-height:44px}.banner-navigation>.banner-pause{min-width:36px;width:36px}.marine-slide .banner-copy,.kitchen-slide .banner-copy{max-width:100%;padding-top:29px}.marine-slide h2,.kitchen-slide h2{font-size:1.8rem;line-height:1.36}.marine-slide p,.kitchen-slide p{font-size:.8125rem;line-height:1.8;max-width:58%;margin:13px 0 19px}.marine-slide .hero-button,.kitchen-slide .hero-button{min-width:172px}.banner-product{height:170px;width:39%;right:-5px;top:139px;bottom:auto;opacity:1}.banner-product img{padding:3px}.quick-categories{padding-block:27px;gap:19px}.quick-title>span{font-size:.625rem}.quick-title h2{font-size:1.0625rem}.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px}.shortcut-grid img{width:72px;height:72px}.shortcut-grid strong{font-size:.875rem}.shortcut-grid>button{gap:8px}.featured-section{gap:21px;padding-block:33px}.shelf-heading{gap:10px}.shelf-heading h2{font-size:1.375rem;gap:8px;flex-wrap:nowrap}.best-indicator{font-size:.5625rem;padding:5px 7px;letter-spacing:.3px}.shelf-heading .text-button{font-size:.75rem;min-height:40px;gap:6px;position:static}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.product-grid{--catalog-columns:2;gap:29px 14px}.large-text .product-grid{--catalog-columns:1}.product-open .catalog-photo,.product-open .uploaded-photo{padding:10px}.product-name{font-size:1rem;line-height:1.6;min-height:51px}.product-meta{font-size:.6875rem;line-height:1.65}.product-caption{padding-top:12px}.product-price{font-size:1.25rem;margin-top:8px}.product-card-buttons{margin-top:12px}.product-card-buttons>button{min-height:44px;font-size:.8125rem}.product-label{font-size:.6875rem}.wish-button{width:36px;height:36px}.restock-link{font-size:.6875rem}.wide-service>.wrap{padding-block:26px;min-height:0}.wide-service h2{font-size:1.3rem;line-height:1.6;margin-top:8px}.wide-service p{font-size:.8125rem;margin-top:8px}.wide-service .button{margin-top:18px;min-height:44px;font-size:.8125rem}.catalog{padding-block:34px}.section-heading{gap:12px;align-items:flex-end;margin-bottom:15px}.section-heading h2{font-size:1.45rem}.section-heading .outline-link{font-size:.6875rem;padding:7px 8px;min-height:40px;gap:5px}.tabs{gap:0;justify-content:space-between}.tabs button{font-size:.9375rem;min-height:50px}.catalog-subrow{gap:10px;padding:14px 0 20px}.subcategories{gap:3px;row-gap:4px;max-width:100%}.subcategories button{font-size:.8125rem;min-height:36px;padding:6px 9px}.sort-label select{min-height:40px}.catalog-pager{padding-top:29px;gap:12px}.catalog-range{font-size:.75rem}.pagination{gap:4px;max-width:100%}.pagination button{min-width:36px;min-height:42px;font-size:.875rem;padding:6px 8px}.catalog-note{font-size:.75rem;margin-top:24px}.service-banners{gap:12px}.service-banner{padding:21px;min-height:135px}.service-banner strong{font-size:1.125rem}.service-banner small{font-size:.8125rem;line-height:1.8}.customer-area{padding-block:28px}.footer-main{padding-top:27px}.footer-company{font-size:.8125rem;line-height:1.95}.footer-company-line{display:block}.footer-company-line span{display:block}.kakao-float{right:15px;bottom:calc(82px + env(safe-area-inset-bottom));width:50px;height:50px;min-height:50px}.kakao-float>.kakao-symbol{width:26px;height:22px}.category-menu{max-width:calc(100vw - 32px)}.detail-info dl{grid-template-columns:78px minmax(0,1fr)}.detail-buttons{gap:9px}.detail-info select{width:100%;min-width:0}.detail-info{min-width:0}.large-text .header-main .brand-title{font-size:1.25rem}.large-text .header-main .brand-symbol{width:33px;height:38px}.large-text .header-actions{gap:7px}.large-text .header-actions>button{min-width:36px}.large-text .nav-inner{gap:0}.large-text .nav-inner>a{font-size:.8125rem}.large-text .shop-banner{height:425px}.large-text .banner-copy{padding-top:30px}.large-text .shop-banner h1,.large-text .shop-banner h2{font-size:1.8rem}.large-text .banner-product{height:160px;top:190px}.large-text .shelf-heading{display:block}.large-text .shelf-heading .text-button{margin-top:5px}.large-text .pagination button{font-size:.8125rem;min-width:34px;padding-inline:5px}.large-text .section-heading{display:block}.large-text .outline-link{margin-top:12px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.header-main .brand-title{font-size:1.4rem}.header-main .brand-symbol{width:35px;height:42px}.header-actions{gap:9px}.utility-inner>div{gap:12px}.shop-banner h1{font-size:1.85rem}.nav-inner>a{font-size:.875rem}.banner-dots>button{width:56px}.shelf-heading h2{font-size:1.25rem}.shelf-heading .text-button{font-size:.6875rem}.section-heading .outline-link{font-size:.625rem}.pagination button{min-width:34px}.product-grid,.shelf-grid{gap:26px 12px}.product-name{font-size:.9375rem}}
@media(prefers-reduced-motion:no-preference){.workshop-slide.active .banner-copy{animation:field-intro .65s cubic-bezier(.2,.7,.2,1) both}.emphasis-visible .best-indicator{animation:best-breathe 2.2s ease-in-out 2}.emphasis-visible .best-indicator>span{animation:best-dot 2.2s ease-in-out 2}@keyframes field-intro{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes best-breathe{0%,100%{background:#f4f7f0;box-shadow:0 0 0 0 #75985600}50%{background:#e3ecd9;box-shadow:0 0 0 5px #75985612}}@keyframes best-dot{0%,100%{opacity:1}50%{opacity:.45}}}
@media(prefers-reduced-motion:reduce){.best-indicator,.best-indicator>span,.banner-copy{animation:none!important}.kakao-float:hover{transform:none}}