:root{--blue:#1769aa;--blue-dark:#123c64;--ink:#102b43;--muted:#627487;--line:#dbe4ea;--surface:#f3f7f9;--white:#fbfdfd;--radius:16px;--shadow:0 18px 55px rgba(30,71,100,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--white);line-height:1.5}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}.notice{height:34px;background:#0e3558;color:#eaf4fb;display:flex;align-items:center;justify-content:center;gap:16px;font-size:13.5px}.notice span{opacity:.72}.site-header{position:sticky;top:0;z-index:20;background:rgba(251,253,253,.94);border-bottom:1px solid rgba(213,224,231,.8);backdrop-filter:blur(16px)}.header-inner{height:72px;max-width:1280px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.brand img{height:46px;width:auto;display:block}.footer-brand img{height:44px}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:700;flex:1}.desktop-nav a{position:relative;padding:25px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--blue);transition:right .25s}@media(hover:hover) and (pointer:fine){.desktop-nav a:hover:after{right:0}}.header-actions{display:flex;align-items:center;gap:8px}.text-button,.cart-button,.menu-button{border:0;background:transparent;color:var(--ink);font-size:14.5px;font-weight:700;padding:10px}.cart-button{border:1px solid var(--line);border-radius:10px}.cart-button b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:20px;background:var(--blue);color:white;font-size:12.5px}.menu-button{display:none}.mobile-nav{display:none}.hero{position:relative;min-height:570px;overflow:hidden;background:#eaf2f7}.hero-slides{position:absolute;inset:0}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.hero-image.on{opacity:1}.hero-dots{position:absolute;right:28px;bottom:104px;z-index:6;display:flex;gap:8px}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:9px;background:rgba(18,60,100,.28);transition:width .25s,background .25s}.hero-dots button.on{width:26px;background:var(--blue)}@media(prefers-reduced-motion:reduce){.hero-image{transition:none}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,249,252,.97) 0%,rgba(244,249,252,.87) 32%,rgba(244,249,252,.13) 61%,transparent 100%)}.hero-content{position:relative;max-width:1280px;margin:auto;padding:88px 28px 142px}.eyebrow{font-size:14.5px;font-weight:800;letter-spacing:.13em;color:var(--blue);margin:0 0 16px}.hero h1{font-size:clamp(34px,4.6vw,60px);line-height:1.1;letter-spacing:-.05em;margin:0;max-width:700px;text-wrap:balance}.hero-copy{font-size:20.5px;line-height:1.7;color:#49647b;max-width:480px;margin:24px 0 30px}.hero-actions{display:flex;gap:10px}.primary-button,.secondary-button,.search-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border-radius:10px;font-weight:800;font-size:16px}.primary-button{background:var(--blue);color:#fff;padding:0 26px;box-shadow:0 10px 24px rgba(23,105,170,.24)}.secondary-button{border:1px solid #b9cbd8;background:rgba(255,255,255,.7);padding:0 24px}@media(hover:hover) and (pointer:fine){.primary-button:hover,.search-button:hover{background:#0e568f}}.primary-button:active,.secondary-button:active,.search-button:active{transform:translateY(1px)}.finder-wrap{position:relative;z-index:5;max-width:1280px;margin:-76px auto 0;padding:0 28px}.finder{background:#fff;border:1px solid #dce7ed;border-radius:var(--radius);box-shadow:var(--shadow);padding:27px 30px 20px}.finder-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.finder-heading p{margin:0;color:var(--blue);font-size:13.5px;font-weight:800}.finder-heading h2{font-size:26px;letter-spacing:-.04em;margin:3px 0 0}.reset-button{border:0;background:none;color:#677c8e;text-decoration:underline;font-size:13.5px}.finder-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.2fr 1.15fr;gap:10px}.finder-grid label>span:first-child,.finder-grid label>span:not(.field){display:block;font-size:13.5px;font-weight:700;margin-bottom:6px;color:#536b7e}.field{display:flex;border:1px solid #ccd9e1;border-radius:10px;overflow:hidden;background:#fff}.field input{width:100%;height:48px;border:0;padding:0 14px;outline:0}.field em{font-style:normal;color:#7d8e9b;font-size:13.5px;padding:15px 12px 0 0}.finder select{width:100%;height:50px;border:1px solid #ccd9e1;border-radius:10px;background:#fff;padding:0 13px;color:var(--ink);outline:0}.field:focus-within,.finder select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,170,.12)}.search-button{border:0;background:var(--blue);color:white;align-self:end;height:50px}.quick-sizes{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:#6f8291}.quick-sizes span{font-weight:800;margin-right:3px}.quick-sizes button{border:1px solid #dbe4ea;background:#f8fafb;border-radius:8px;padding:6px 11px;color:#3e5a70}@media(hover:hover) and (pointer:fine){.quick-sizes button:hover{border-color:#7caacf;background:#edf6fc}}.trust-row{max-width:1224px;margin:42px auto 0;padding:0 0 38px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.trust-row div{padding:4px 24px;border-right:1px solid var(--line)}.trust-row div:last-child{border:0}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-size:17px}.trust-row span{font-size:13.5px;color:#738492;margin-top:4px}.section{max-width:1280px;margin:auto;padding:96px 28px}.section-heading h2,.product-heading h2,.guide-copy h2{font-size:39px;letter-spacing:-.055em;margin:0}.section-heading p,.product-heading p,.guide-copy p{color:var(--muted);margin:10px 0 0}.material-layout{display:grid;grid-template-columns:360px 1fr;gap:22px;margin-top:38px}.material-tabs{display:grid;gap:8px}.material-tab{border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}.material-tab b{font-size:19px}.material-tab span{font-size:13.5px;color:#6b7e8e}.material-tab.active{border-color:#79a9ce;background:#edf6fc}@media(hover:hover) and (pointer:fine){.material-tab:hover{border-color:#79a9ce;background:#edf6fc}}.material-feature{--material:#1769aa;min-height:360px;border-radius:var(--radius);background:#dcedf7;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.feature-copy{padding:58px}.feature-copy>span{display:inline-block;font-size:13.5px;font-weight:800;color:var(--material);margin-bottom:12px}.feature-copy h3{font-size:48px;letter-spacing:-.06em;margin:0}.feature-copy p{max-width:390px;color:#536b7e;line-height:1.8}.feature-copy a{display:inline-block;margin-top:20px;font-weight:800;color:var(--material);border-bottom:2px solid currentColor}.feature-specimen{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(255,255,255,.1))}.label-strip{width:184px;height:430px;padding:8px;background:#cfe2f2;box-shadow:0 25px 40px rgba(26,56,75,.18);transform:rotate(8deg);display:flex;flex-direction:column;gap:9px}.label-strip i{flex:1;background:#fff;border:1px solid rgba(77,94,104,.27);border-radius:9px}.products{padding-top:40px}.product-heading{display:flex;justify-content:space-between;align-items:end}.view-options{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px}.view-options button{border:0;background:transparent;border-radius:7px;padding:8px 13px;font-size:13.5px;color:#627487}.view-options button.active{background:#e8f2f8;color:var(--blue-dark);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(27,64,91,.12)}}.product-visual{position:relative;aspect-ratio:1/1;background:#f1f6f8;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover;display:block}.product-visual span{position:absolute;left:14px;top:14px;background:var(--blue-dark);color:white;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.08em}.product-info{padding:18px}.product-info>p{font-size:13.5px;font-weight:800;color:var(--blue);margin:0 0 4px}.product-info h3{font-size:25px;letter-spacing:-.035em;margin:0}.product-info dl{display:grid;grid-template-columns:1fr 1fr;margin:15px 0 17px}.product-info dl div{border-left:2px solid #e5edf1;padding-left:9px}.product-info dt{font-size:11.5px;color:#7d8d99}.product-info dd{font-size:13.5px;font-weight:800;margin:2px 0 0}.add-cart{width:100%;height:42px;border:1px solid #b9ccd9;border-radius:9px;background:#fff;color:var(--blue-dark);font-weight:800}@media(hover:hover) and (pointer:fine){.add-cart:hover{background:var(--blue);border-color:var(--blue);color:#fff}}.all-products{display:flex;width:max-content;margin:32px auto 0;border-bottom:2px solid var(--ink);font-size:16px;font-weight:800;padding-bottom:4px}.empty-state{margin:35px 0 0;text-align:center;background:#f3f7f9;border-radius:var(--radius);padding:55px}.empty-state p{color:var(--muted)}.empty-state button{border:0;background:var(--blue);color:white;border-radius:9px;padding:12px 18px;font-weight:800}.guide-section{max-width:1224px;margin:24px auto 110px;background:#123c64;color:#eef7fc;border-radius:var(--radius);display:grid;grid-template-columns:.9fr 1.4fr;padding:58px}.guide-copy p{color:#c6d9e7;max-width:440px}.guide-copy a{display:inline-block;margin-top:22px;border-bottom:1px solid #dbeaf3;font-weight:800}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16)}.guide-steps article{background:#123c64;padding:24px}.guide-steps b{font-size:18px}.guide-steps p{font-size:14.5px;line-height:1.7;color:#bcd0df}.plant{max-width:1280px;margin:auto;padding:0 28px 96px}.plant-head p{font-size:14.5px;font-weight:800;letter-spacing:.12em;color:var(--blue);margin:0 0 10px}.plant-head h2{font-size:39px;letter-spacing:-.055em;margin:0 0 34px}.plant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plant-grid figure{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.plant-grid img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.plant-grid figcaption{padding:16px 18px 19px;font-size:14.5px;line-height:1.65;color:var(--muted)}.plant-grid figcaption b{display:block;font-size:17px;color:var(--ink);margin-bottom:5px}.support{max-width:1280px;margin:auto;padding:70px 28px 80px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.support p{font-size:14.5px;color:var(--blue);font-weight:800;margin:0}.support h2{font-size:31px;letter-spacing:-.045em;margin:6px 0 0}.support-actions{display:flex;gap:9px}.support-actions a,.support-actions button{border-radius:10px;padding:14px 20px;font-weight:800;font-size:14.5px}.support-actions a{border:1px solid var(--line)}.support-actions button{border:0;background:var(--blue);color:#fff}footer{background:#eaf1f5;padding:50px max(28px,calc((100% - 1224px)/2));display:grid;grid-template-columns:1fr auto;gap:24px;color:#425c70}.footer-main p{font-size:13.5px;margin:18px 0 0}.footer-links{display:flex;gap:18px;font-size:13.5px}.footer-corp{grid-column:1/-1;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:#5c748a}.footer-corp div{display:flex;gap:6px}.footer-corp dt{margin:0;color:#8098ad}.footer-corp dd{margin:0}.footer-copy{grid-column:1/-1;margin:12px 0 0;font-size:12.5px;color:#7f93a3}.mock-note{grid-column:1/-1;margin:14px 0 0;padding-top:18px;border-top:1px solid #cddbe3;font-size:12.5px;color:#718493}.toast{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%,20px);opacity:0;background:#102b43;color:white;border-radius:10px;padding:13px 18px;font-size:14.5px;box-shadow:var(--shadow);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.desktop-nav,.text-button{display:none}.menu-button{display:block}.header-inner{height:64px;padding:0 18px;gap:8px}.header-actions{margin-left:auto;gap:3px}.cart-button,.menu-button{white-space:nowrap}.mobile-nav.open{display:grid;padding:10px 18px 18px;gap:4px}.mobile-nav a{padding:12px;border-bottom:1px solid var(--line);font-weight:700;font-size:16px}.hero{min-height:560px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,rgba(244,249,252,.97),rgba(244,249,252,.74) 62%,rgba(244,249,252,.1))}.hero-content{padding:72px 20px 150px}.hero h1{font-size:48px}.finder-wrap{padding:0 14px}.finder{padding:23px 18px}.finder-grid{grid-template-columns:1fr 1fr}.search-button{grid-column:1/-1}.trust-row{grid-template-columns:1fr 1fr;margin-left:14px;margin-right:14px}.trust-row div:nth-child(2){border-right:0}.trust-row div{padding:14px}.material-layout{grid-template-columns:1fr}.material-tabs{grid-template-columns:1fr 1fr}.material-tab{display:block}.material-tab span{display:block;margin-top:4px}.material-feature{min-height:330px}.product-grid{grid-template-columns:1fr 1fr}.guide-section{margin:20px 14px 80px;grid-template-columns:1fr;padding:35px}.guide-steps{margin-top:32px}.support{align-items:flex-start;gap:30px;flex-direction:column}.support h2{font-size:27px}}
@media(max-width:560px){.notice span{display:none}.brand img{height:44px}.cart-button{font-size:0}.cart-button:before{content:"장바구니";font-size:13.5px}.hero{min-height:520px}.hero-image{object-position:69% center;opacity:.7}.hero-shade{background:linear-gradient(90deg,rgba(244,249,252,.98),rgba(244,249,252,.85) 63%,rgba(244,249,252,.24))}.hero-content{padding-top:62px}.hero-dots{right:15px;bottom:96px}.hero h1{font-size:41px}.hero-copy{font-size:17px;max-width:310px}.hero-actions{flex-direction:column;width:200px}.finder-heading{align-items:start}.finder-heading h2{font-size:22px}.finder-grid{grid-template-columns:1fr}.search-button{grid-column:auto}.quick-sizes{overflow-x:auto;padding-bottom:4px}.quick-sizes button{white-space:nowrap}.trust-row{grid-template-columns:1fr 1fr}.section{padding:72px 15px}.section-heading h2,.product-heading h2,.guide-copy h2{font-size:31px}.material-tabs{grid-template-columns:1fr 1fr}.material-tab{padding:13px}.material-feature{grid-template-columns:1fr;min-height:450px}.feature-copy{padding:32px}.feature-copy h3{font-size:40px}.feature-specimen{min-height:230px}.label-strip{height:300px;width:130px}.product-heading{align-items:flex-start;gap:20px;flex-direction:column}.product-grid{grid-template-columns:1fr;gap:12px}.product-info{padding:13px}.product-info h3{font-size:21.5px}.product-info dl{grid-template-columns:1fr;gap:7px}.product-info dl div{display:flex;gap:6px}.add-cart{height:39px}.guide-section{padding:30px 22px}.guide-steps{grid-template-columns:1fr;background:none;gap:1px}.guide-steps article{border-top:1px solid rgba(255,255,255,.15)}.plant{padding:0 15px 72px}.plant-head h2{font-size:31px}.plant-grid{grid-template-columns:1fr}.support{padding:55px 18px}.support-actions{width:100%}.support-actions a,.support-actions button{flex:1;text-align:center}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* hidden 속성은 display:none 이 '기본 스타일'이라, CSS 에서 display:flex/grid 를
   준 요소에는 안 먹는다. A4 상세에서 지관 탭이 안 숨겨져 한 번 당했다(9/28).
   이 프로젝트에 display 지정이 76곳이라 전역으로 못 박는다. */
[hidden]{display:none !important}

/* 한국어 줄바꿈 (2026-09-28)
   기본값은 글자 단위로 끊어서 "내/일", "송장번/호"처럼 단어가 잘린다.
   단어(띄어쓰기) 단위로 끊고, 너무 긴 영문·숫자 덩어리만 예외로 끊는다.
   제목은 줄 길이를 고르게, 문단은 마지막 줄에 한두 글자만 남지 않게 한다. */
html{word-break:keep-all;overflow-wrap:break-word}
h1,h2,h3,h4,summary,.pane-title,.ex-title{text-wrap:balance}
li,label,.hint,.screen-note{text-wrap:pretty}
/* 짧은 문단(6줄 이하)은 줄 길이를 고르게 — 한 줄만 길고 끝에 두 단어가 남는 모양을 막는다. 긴 문단은 브라우저가 pretty 로 처리한다 */
p,dd,figcaption,.ab-copy p{text-wrap:balance}
.nb{white-space:nowrap}
/* 화면 틀의 주소 표시줄은 한 줄로 두고 넘치면 말줄임 */
.frame-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}