:root{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#181818;background:#fff;font-size:16px;line-height:1.7;--orange:#ec5519}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,footer{max-width:1240px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between}header{border-bottom:1px solid #e6e6e6}.brand{text-decoration:none;font-size:28px;font-weight:900;line-height:1.2}.brand span{display:block;font-size:12px;letter-spacing:1.3px;margin-top:6px}.header-label{font-size:14px;color:#666}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:64px 36px 40px;gap:36px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:1.8px;color:var(--orange);margin:0 0 24px}h1{font-size:clamp(36px,4vw,56px);line-height:1.32;letter-spacing:-2px;margin:0 0 28px}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:19px;color:#555}.button{display:inline-block;text-decoration:none;background:#181818;color:white;padding:15px 25px;font-weight:700;margin-top:20px}.button:hover{background:var(--orange)}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.caption{font-size:12px;color:#777;max-width:340px;margin-top:24px}figure{margin:0}.hero-image img{display:block;width:100%;height:auto}.hero-image figcaption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#777;border-top:1px solid #ddd;padding-top:16px}.ribbon{background:#191919;color:white;display:flex;justify-content:space-between;gap:20px;padding:23px max(36px,calc((100vw - 1168px)/2));font-size:14px}.ribbon span:last-child{color:#c3c3c3}.detail{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:100px 36px;align-items:center}h2{font-size:clamp(28px,3vw,40px);line-height:1.4;letter-spacing:-1.4px;margin:0 0 24px}.detail p:not(.eyebrow){color:#666}.numbers{display:flex;gap:32px;border-top:1px solid #ddd;margin-top:36px;padding-top:25px}.numbers strong{display:block;font-size:38px;line-height:1.3}.numbers span{font-size:14px;color:#666}.detail .note{font-size:14px;margin-top:25px}.drawing{border:1px solid #e5e5e5;padding:22px}.drawing img{width:100%;height:auto;display:block}.drawing figcaption{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#666}.drawing figcaption a{color:#181818}.order{background:#f4f5f6;padding:80px max(36px,calc((100vw - 1168px)/2))}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:42px}.checks article{border-top:2px solid #222;padding-top:22px}.checks article>span{color:var(--orange);font-size:14px;font-weight:700}h3{font-size:22px;margin:18px 0 10px}.checks p{color:#666;margin:0}.spec{max-width:1240px;margin:auto;padding:90px 36px;display:grid;grid-template-columns:1fr 1.6fr;gap:48px}dl{margin:0}dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;border-bottom:1px solid #ddd;padding:18px 0}dl>div:first-child{border-top:2px solid #222}dt{font-weight:700}dd{margin:0;color:#666}.closing{background:#181818;color:white;padding:70px max(36px,calc((100vw - 1168px)/2))}.closing p{color:#ff814b;font-size:14px;letter-spacing:2px}.closing h2{font-size:44px}.light{background:white;color:#181818}.light:hover{color:white}footer{gap:20px;color:#666;font-size:14px}footer strong{font-size:22px;color:#181818}@media(max-width:760px){header,footer{padding:20px}.header-label{font-size:12px}.hero{grid-template-columns:1fr;padding:40px 20px 30px;gap:28px}h1{font-size:38px}.hero-image{max-width:520px}.ribbon{padding:20px;flex-direction:column;gap:4px}.detail{grid-template-columns:1fr;padding:60px 20px;gap:30px}.numbers{gap:24px}.numbers strong{font-size:34px}.order{padding:55px 20px}.checks{grid-template-columns:1fr 1fr;gap:30px 20px}.spec{grid-template-columns:1fr;padding:55px 20px;gap:12px}dl>div{grid-template-columns:1fr 1.4fr;font-size:14px}.closing{padding:50px 20px}.closing h2{font-size:36px}footer{flex-wrap:wrap}}@media print{.button,header{display:none}.hero,.detail,.spec{padding:25px}.order,.closing{padding:30px}.checks{grid-template-columns:repeat(4,1fr)}section,figure{break-inside:avoid}}
[hidden]{display:none!important}.product-picker{max-width:1240px;margin:auto;padding:28px 36px 0}.product-picker label{display:block;font-weight:700;margin-bottom:8px}.product-picker select{width:100%;max-width:760px;font:inherit;border:1px solid #aaa;background:white;padding:12px;color:#181818}.product-picker p,.note{font-size:14px;color:#666}.performance{max-width:1240px;margin:auto;padding:55px 36px 65px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.metrics article{background:#f4f5f6;padding:24px}.metrics span,.metrics small{display:block;font-size:14px}.metrics strong{font-size:42px;display:block;color:#ec5519}.system-panel{padding:32px;background:#f4f5f6}.system-panel strong{display:block;font-size:24px}.hero .lead{overflow-wrap:anywhere}select:focus-visible{outline:3px solid #ec5519}@media(max-width:760px){.product-picker,.performance{padding:28px 20px}.metrics{gap:10px;grid-template-columns:1fr}.metrics article{padding:20px}.performance dd{overflow-wrap:anywhere}}
.order-entry{max-width:1240px;margin:auto;padding:60px 36px}.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.order-entry label{display:block;font-weight:700}.order-entry input,.order-entry textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #aaa;background:white;margin-top:8px;color:#181818}.order-entry button{border:0;font:inherit;cursor:pointer}.order-entry input:focus-visible,.order-entry textarea:focus-visible{outline:3px solid #ec5519;outline-offset:2px}#quote-preview{margin-top:40px}#quote-document{border:1px solid #ddd;padding:30px}#quote-details dd{white-space:pre-wrap;overflow-wrap:anywhere}.quote-actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:760px){.order-entry{padding:40px 20px}.order-fields{grid-template-columns:1fr}#quote-document{padding:20px}#quote-details>div{grid-template-columns:1fr}}@media print{body.print-quote header,body.print-quote footer,body.print-quote main>section:not(.order-entry),body.print-quote .ribbon,body.print-quote noscript{display:none!important}body.print-quote .order-entry>*:not(#quote-preview),body.print-quote #quote-preview>*:not(#quote-document){display:none!important}body.print-quote .order-entry{padding:0;max-width:none}body.print-quote #quote-document{border:0;padding:0;break-inside:auto}body.print-quote #quote-preview{margin:0}body.print-quote #quote-details>div{break-inside:avoid;grid-template-columns:1fr 2fr}}
.order-entry select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #aaa;background:white;margin-top:8px;color:#181818}.order-entry select:focus-visible{outline:3px solid #ec5519;outline-offset:2px}
.consultation{display:flex;gap:12px;flex-wrap:wrap}.price-summary{background:#f4f5f6;padding:24px;margin:20px 0}.price-summary strong{display:block;color:#ec5519;font-size:28px}.price-summary p{font-size:14px}.phone-float{position:fixed;bottom:20px;right:20px;background:#ec5519;color:white;padding:14px 20px;text-decoration:none;font-weight:700;box-shadow:0 4px 20px #0002;z-index:5}body{padding-bottom:70px}@media(max-width:760px){.phone-float{bottom:12px;left:20px;right:20px;text-align:center;font-size:14px}}@media print{.phone-float{display:none!important}body{padding-bottom:0}}
.order-table-wrap{overflow-x:auto}.order-lines,.quote-lines{width:100%;border-collapse:collapse;font-size:14px}.order-lines{min-width:1150px}.order-lines th,.order-lines td,.quote-lines th,.quote-lines td{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:top}.order-lines th,.quote-lines th{background:#f4f5f6}.order-lines input,.order-lines select{font-size:14px;padding:8px;margin:0;min-width:80px}.order-lines select{width:240px}.order-lines [data-field=part]{width:130px}.order-lines [data-field=finish]{width:120px}.order-lines [data-field=length],.order-lines [data-field=quantity]{width:95px}.order-lines button{padding:8px;background:#eee}.quote-lines td{height:32px;overflow-wrap:anywhere}.quote-lines{table-layout:fixed}.quote-lines th:nth-child(1){width:6%}.quote-lines th:nth-child(2){width:34%}.add-item-fields{display:grid;grid-template-columns:2fr 1.2fr .7fr .8fr 1.2fr;gap:12px;background:#f4f5f6;padding:20px}.add-item-fields .button{margin:0;grid-column:1/-1}.order-lines tr:has(input:required){background:#fff8f4}@media(max-width:760px){.add-item-fields{grid-template-columns:1fr 1fr}.add-item-fields label:first-child{grid-column:1/-1}.quote-lines{font-size:12px;min-width:650px}}@media print{.order-table-wrap{overflow:visible}.quote-lines{min-width:0;font-size:10pt}.quote-lines th,.quote-lines td{padding:5px}.quote-lines thead{display:table-header-group}.quote-lines tr{break-inside:avoid}#quote-document{break-inside:auto}.quote-lines th:nth-child(2){width:30%}}
.quote-page{background:white;padding:30px;border:1px solid #ddd}.quote-cover{margin-bottom:24px}.quote-brand{display:flex;justify-content:space-between;gap:12px;border-bottom:3px solid #ec5519;padding-bottom:14px;margin-bottom:24px}.quote-brand strong{font-size:24px}.quote-brand small{font-size:12px;display:block}.quote-brand>span{font-size:14px;color:#b33a0d}.quote-page h2{text-align:center;letter-spacing:4px}.quote-amount{background:#181818;color:white;padding:24px;margin:30px 0}.quote-amount strong{display:block;font-size:32px;overflow-wrap:anywhere}.quote-amount p{font-size:14px;margin:8px 0 0}.quote-footnote{font-size:14px;color:#666;margin-top:24px}.detail-summary{padding:18px;background:#f4f5f6}.quote-lines th:nth-child(2){width:29%}.quote-lines th:nth-child(3){width:15%}.quote-lines th:nth-child(4){width:12%}.quote-lines th:nth-child(5){width:8%}.quote-lines th:nth-child(6),.quote-lines th:nth-child(7){width:15%}.quote-lines td:nth-child(n+4){text-align:right}.supplier-details dd,.quote-conditions dd{overflow-wrap:anywhere}@media(max-width:760px){.quote-page{padding:16px}.quote-brand{flex-wrap:wrap}.quote-amount strong{font-size:24px}.quote-lines{min-width:720px}}@page{size:A4;margin:12mm}@media print{.quote-page{padding:0;border:0;break-inside:auto}.quote-cover{break-after:page;margin-bottom:0}.quote-detail{break-before:page}.quote-page h2{font-size:24pt;margin:14px 0}.quote-brand{margin-bottom:14px;padding-bottom:10px}.quote-brand strong{font-size:16pt}.quote-page dl>div{padding:8px 0;gap:12px;font-size:10pt;grid-template-columns:1fr 2.5fr}.quote-page dl>div:first-child{border-top-width:1px}.quote-page h3{font-size:13pt;margin:16px 0 10px}.quote-amount{margin:20px 0;padding:18px;print-color-adjust:exact}.quote-amount strong{font-size:24pt}.quote-footnote{font-size:9pt;line-height:1.4;margin-top:16px}.quote-lines{min-width:0;font-size:8.5pt;line-height:1.3}.quote-lines td{height:5.7mm;padding:3px 4px}.quote-lines th{padding:6px 4px}.detail-summary{padding:10px;font-size:10pt;break-inside:avoid}.detail-summary p{font-size:9pt;margin:6px 0}.quote-brand>span{font-size:9pt}.quote-page p{overflow-wrap:anywhere}.quote-page dl{break-inside:avoid}}
@media print{.quote-detail .quote-lines td{height:4.7mm;padding:2px 4px}.quote-detail .quote-brand{margin-bottom:8px;padding-bottom:6px}.quote-detail h2{margin:8px 0;font-size:22pt}.quote-detail #detail-heading{font-size:9pt;margin:6px 0 10px}.quote-detail .quote-conditions>div{padding:5px 0;font-size:9pt}.quote-detail h3{break-after:avoid;font-size:11pt;margin:10px 0 6px}.quote-detail .quote-footnote{font-size:8pt;margin-top:10px}.quote-detail .detail-summary{padding:7px;font-size:9pt}.quote-detail .detail-summary p{font-size:8pt;line-height:1.3;margin:4px 0}}
#certificate-preview{padding:18px;background:#f4f5f6;margin-bottom:20px}#certificate-image{display:block;max-width:100%;max-height:280px;object-fit:contain}#certificate-preview button{padding:10px 16px;background:#ddd}#certificate-status{font-size:14px}
.quote-toolbar{margin:20px 0;padding:20px;background:#f4f5f6}.quote-toolbar>.button{margin-top:0;background:#ec5519}.quote-toolbar .quote-actions{margin-top:10px}.quote-toolbar .quote-actions .button{margin-top:0}#quote-preview{margin:20px 0}@media print{body.print-quote .order-entry>#order-form{display:block!important}body.print-quote #order-form>*:not(#quote-preview){display:none!important}body.print-quote #quote-preview{display:block!important}}

header{gap:16px;flex-wrap:wrap}.estimate-links{display:flex;gap:10px;flex-wrap:wrap}.estimate-links .button{margin-top:0;white-space:nowrap}

/* 1PRO warm minimal UI, shared by four workspaces. Screen styling only. */
@media screen {
 body.onepro-ui{--blue:#00A3E0;--blue-hover:#0082B3;--milk:#F7F5F0;--beans:#212121;--sub:#8C8C8C;--line:#E5E2DC;--ink:#212121;--muted:#8C8C8C;--bg:#F7F5F0;--green:#00A3E0;--navy:#212121;--orange:#00A3E0;background:var(--milk);color:var(--beans);font-family:"Helvetica Neue",Arial,Pretendard,"Malgun Gothic",sans-serif;font-size:15px;line-height:1.6}
 .onepro-ui h1{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.6px;color:var(--beans)}
 .onepro-ui h2{font-size:22px;font-weight:500;line-height:1.4;letter-spacing:-.3px;color:var(--beans)}
 .onepro-ui h3{font-weight:500;color:var(--beans)}
 .onepro-ui p,.onepro-ui label{color:var(--beans)}
 .onepro-ui .subtitle,.onepro-ui .muted,.onepro-ui .note,.onepro-ui .caption,.onepro-ui .scope,.onepro-ui .small-note,.onepro-ui .header-label{color:#737373;font-size:12px;font-weight:400}
 .onepro-ui .eyebrow{color:#737373;font-size:12px;font-weight:400;letter-spacing:2px}
 .onepro-ui a{color:var(--beans);text-decoration-color:var(--line);text-underline-offset:4px}
 .onepro-ui button,.onepro-ui .button,.onepro-ui .admin-link,.onepro-ui .actions a,.onepro-ui header nav>a{border:1px solid var(--line);border-radius:4px;background:white;color:var(--beans);box-shadow:none;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
 .onepro-ui main>header .actions>button,.onepro-ui main>.heading .actions>button,.onepro-ui .workspace-nav>button,.onepro-ui .workspace-nav>.admin-link,.onepro-ui header nav>a,.onepro-ui .estimate-links .button,.onepro-ui #pricing-form>button{min-height:48px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center}
 .onepro-ui button:hover,.onepro-ui .button:hover,.onepro-ui .admin-link:hover,.onepro-ui header nav>a:hover{background:#F0EEE8;border-color:#c8c3ba;color:var(--beans)}
 .onepro-ui button:focus-visible,.onepro-ui a:focus-visible,.onepro-ui input:focus-visible,.onepro-ui select:focus-visible,.onepro-ui textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
 .onepro-ui button.primary,.onepro-ui nav button.active{background:white;color:var(--beans);border-color:var(--line)}
 .onepro-ui.onepro-detail .intro>.button{background:var(--blue);border-color:var(--blue);color:white;min-height:48px;border-radius:4px}
 .onepro-ui.onepro-detail .intro>.button:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:white}
 .onepro-ui input,.onepro-ui select,.onepro-ui textarea{font-family:inherit;background:white;border-color:var(--line);border-radius:4px;color:var(--beans);box-shadow:none}
 .onepro-ui input[readonly],.onepro-ui select:disabled{background:#F7F5F0;color:#626262}
 .onepro-ui table th{background:#F1EFE9;color:var(--beans);font-weight:500}
 .onepro-ui table th,.onepro-ui table td{border-color:var(--line)}
 .onepro-ui .panel,.onepro-ui .window-card,.onepro-ui .metrics article,.onepro-ui .drawing,.onepro-ui .system-panel,.onepro-ui .checks article{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
 .onepro-ui .workspace-nav,.onepro-ui>header{background:white;border-bottom:1px solid var(--line);gap:12px;align-items:center;flex-wrap:wrap}
 .onepro-ui .workspace-nav{min-height:96px;padding:16px 24px}
 .onepro-ui .workspace-nav .site-brand{margin-right:20px}
 .onepro-ui .workspace-nav .site-brand img{height:64px;width:220px;max-width:100%;object-fit:contain}
 .onepro-ui .workspace-nav button.active{box-shadow:none;border-bottom:2px solid var(--blue);color:var(--beans)}
 .onepro-ui .table-wrap{border-radius:4px}
 .onepro-ui .grand{background:#F1EFE9;color:var(--beans);border:1px solid var(--line);border-radius:4px}
 .onepro-ui #notice,.onepro-ui #status,.onepro-ui .price-summary,.onepro-ui .detail-summary{background:#F1EFE9;color:var(--beans);border-color:var(--line)}
 .onepro-ui #notice.error,.onepro-ui .warnings{color:#865833}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .onepro-ui.onepro-detail>header{max-width:none;padding:16px max(24px,calc((100vw - 1168px)/2));gap:16px}
 .onepro-ui.onepro-detail header>.button{margin-top:0;padding:12px 16px;min-height:48px}
 .onepro-ui.onepro-detail .brand{flex-shrink:0}
 .onepro-ui.onepro-detail .hero{padding-top:64px;padding-bottom:64px;gap:48px}
 .onepro-ui.onepro-detail .hero h1{font-family:Georgia,"Malgun Gothic",serif;font-size:32px;font-weight:500;letter-spacing:-.6px}
 .onepro-ui.onepro-detail .hero h1 em{color:var(--beans)}
 .onepro-ui.onepro-detail .lead{font-size:15px;color:#616161}
 .onepro-ui.onepro-detail .hero-image,.onepro-ui.onepro-detail .drawing{background:white;border-radius:8px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.04);padding:24px}
 .onepro-ui.onepro-detail .hero-image img{max-height:540px;object-fit:contain}
 .onepro-ui.onepro-detail .ribbon,.onepro-ui.onepro-detail .closing{background:#EEEBE4;color:var(--beans)}
 .onepro-ui.onepro-detail .ribbon span,.onepro-ui.onepro-detail .closing p{color:#737373}
 .onepro-ui.onepro-detail .order,.onepro-ui.onepro-detail .add-item-fields,.onepro-ui.onepro-detail .quote-toolbar,.onepro-ui.onepro-detail #certificate-preview{background:#F1EFE9;border-radius:8px}
 .onepro-ui.onepro-detail .checks article{padding:24px}
 .onepro-ui.onepro-detail .checks article>span,.onepro-ui.onepro-detail .price-summary strong{color:var(--beans)}
 .onepro-ui.onepro-detail .performance .metrics strong{color:var(--beans)}
 .onepro-ui.onepro-detail .phone-float{background:white;color:var(--beans);border:1px solid var(--line);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
 .onepro-ui.onepro-detail .closing h2{font-size:32px}
 @media(max-width:900px){.onepro-ui .workspace-nav{padding:16px;gap:8px}.onepro-ui.onepro-detail>header{padding:16px 20px}}
 @media(max-width:600px){.onepro-ui h1{font-size:28px}.onepro-ui .workspace-nav .site-brand{width:100%;margin-right:0}.onepro-ui.onepro-detail .hero{padding:40px 20px;gap:32px}.onepro-ui.onepro-detail .hero-image{padding:16px}.onepro-ui.onepro-detail .checks article{padding:16px}.onepro-ui.onepro-detail .estimate-links{gap:8px}.onepro-ui.onepro-detail header>.button{margin:0}}
 @media(prefers-reduced-motion:reduce){.onepro-ui button,.onepro-ui .button,.onepro-ui a{transition:none;animation:none;scroll-behavior:auto}}
}

.product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

.product-price-card{margin-top:24px;padding:22px;background:#fff;border:1px solid #e2d4c9;border-radius:12px;max-width:460px}.product-price-card>p{margin:0 0 10px}.product-price-card>strong{display:block;font-size:36px;line-height:1.3;color:#c94c00;margin-bottom:12px}.product-price-card small{display:block;line-height:1.7}.product-price-card .note{margin:12px 0 0;font-size:13px}

#render-variants{margin-bottom:16px}#render-variants[hidden]{display:none}#render-variants button[aria-pressed="true"]{background:#ff6f0f;color:#fff;border-color:#ff6f0f}

/* PJ 가격 SET 표기 및 장바견적 버튼 */
.product-price-card>strong{display:inline-block;margin-right:6px}#product-set-label{font-size:18px;font-weight:700;color:#c94c00}body.onepro-ui.onepro-detail .intro>.product-actions [data-material-quote]{background:#c94c00;border-color:#c94c00;color:#fff}body.onepro-ui.onepro-detail .intro>.product-actions [data-material-quote]:hover{background:#a83f00;border-color:#a83f00;color:#fff}

body.onepro-ui.onepro-detail [data-material-quote]{transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}body.onepro-ui.onepro-detail [data-material-quote]:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 6px 14px #c94c0033}body.onepro-ui.onepro-detail [data-material-quote]:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){body.onepro-ui.onepro-detail [data-material-quote]{transition:none}body.onepro-ui.onepro-detail [data-material-quote]:is(:hover,:focus-visible){transform:none}}


.mascot-banner{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;max-width:1240px;margin:0 auto;padding:16px 36px 24px}.mascot-item{display:flex;justify-content:center;align-items:center;min-width:0;border-radius:12px;outline-offset:4px}.mascot-item img{display:block;width:100%;max-width:84px;height:84px;object-fit:contain;transform-origin:50% 90%}.mascot-item:is(:hover,:focus-visible) img{animation:mascot-greet .65s ease-in-out infinite}@keyframes mascot-greet{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@media(max-width:600px){.mascot-banner{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 20px 20px}.mascot-item img{max-width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.mascot-item:is(:hover,:focus-visible) img{animation:none}}

@media(min-width:601px) and (max-width:760px){.mascot-banner{padding-left:20px;padding-right:20px}}
/* 제품 버튼(CW10001·CW10002 …)을 바꿔 그림 높이가 달라져도 왼쪽 글·가격 안내창이 움직이지 않게 위쪽에 붙인다 (2026-10-22 대표 지시) */
.hero{align-items:start}