*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif;font-size:16px;color:#222;font-weight:400;line-height:1.7;letter-spacing:-.5px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e31c2c;outline-offset:5px}.wrap{max-width:1200px;width:calc(100% - 80px);margin:auto}.skip{position:fixed;top:-90px;left:10px;background:white;padding:12px;z-index:30}.skip:focus{top:5px}#header{position:fixed;top:0;width:100%;height:100px;z-index:20;color:white;transition:background .25s,height .25s}.header-inner{height:100%;width:calc(100% - 40px);margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{width:124px;flex-shrink:0}.logo{display:block;width:124px;height:36px;background:url('assets/m20-logo.png') 0 0 no-repeat}nav{display:flex;gap:55px;align-items:center;font-size:16px;font-weight:600}nav a:hover{opacity:.72}.account-link{display:flex;align-items:center;margin-left:-22px}.menu-toggle{display:none}#header.scrolled{height:80px;background:white;color:#333;box-shadow:0 1px 3px #0003}#header.scrolled .logo{background-position:0 -36px}.hero{position:relative;height:100svh;min-height:660px;max-height:1080px;color:white;text-align:center;background:#161616;overflow:hidden}.hero-background{position:absolute;inset:0;opacity:0;background-position:center;background-size:cover;transition:opacity .55s}.hero-background.active{opacity:1}.slide-manufacturing{background-image:url('assets/visual01.jpg')}.slide-consulting{background-image:url('assets/visual02.jpg')}.slide-product{background-image:linear-gradient(#0006,#0008),url('assets/smart-helmet.jpg');background-size:cover,auto 100%;background-repeat:no-repeat;background-color:#22211f}.hero-content{position:relative;z-index:2;max-width:1300px;width:calc(100% - 60px);margin:auto;padding-top:25vh}h1{font-size:clamp(36px,4.35vw,68px);font-weight:700;line-height:1.3;margin:0;letter-spacing:-1.8px;text-shadow:0 2px 12px #0004}.hero-subtitle{font-size:24px;line-height:1.55;margin:30px 0 0;font-weight:400}.hero-subtitle span{font-family:'Pretendard',sans-serif;font-weight:300;letter-spacing:-.6px;font-size:24px}.hero-benefit{font-size:17px;line-height:1.8;margin:22px 0 0;color:#f0f0f0;text-shadow:0 1px 5px #000}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 35px;border:1px solid;border-radius:30px;font-size:15px;font-weight:500;transition:background .2s,color .2s}.white-button{color:white;border-color:white;background:transparent;min-width:200px}.white-button:hover{background:white;color:#222}.dark-button{color:#333;border-color:#333;background:#ffffffa6}.dark-button:hover{color:white;background:#333}.slide-controls{position:absolute;z-index:3;bottom:70px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:7px}.slide-dot{padding:0;border:2px solid white;width:20px;height:20px;border-radius:50%;background:transparent}.slide-dot.active{background:white}.slide-pause{background:none;color:white;border:0;height:25px;line-height:1;padding:0 3px;font-size:20px;margin-left:3px}.mobile-break{display:none}.about{background:white url('assets/main_about_bg.png') no-repeat center center;padding:85px 0}.about-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.about-images{position:relative;min-height:445px}.about-manufacturing{position:absolute;left:0;top:0;width:85%;height:auto}.about-consulting{position:absolute;right:0;bottom:0;width:50%;height:auto}.about-copy h2{font-family:'Pretendard',sans-serif;font-size:38px;font-weight:300;letter-spacing:-1px;margin:0 0 25px}.about-copy h2 strong{font-weight:700}.about-copy h3{font-size:26px;font-weight:600;line-height:1.6;margin:0 0 24px;letter-spacing:-1px}.about-copy p{font-size:16px;line-height:1.9;color:#666;margin:0 0 18px}.about-actions{display:flex;gap:12px;margin-top:28px}.business{padding:75px 0 70px;background:#e5f1fa url('assets/business_bg.png') no-repeat center top;background-size:cover;text-align:center}.business h2,.portfolio h2{font-size:34px;font-weight:700;line-height:1.4;letter-spacing:-1px;margin:0 0 16px}.section-description{font-size:16px;color:#666;margin:0}.business-grid{display:flex;justify-content:space-between;gap:24px;margin:45px 0 34px}.business-circle{width:240px;height:240px;border-radius:50%;border:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;color:white;background-position:top center;background-repeat:no-repeat;flex-shrink:0}.business-circle p{font-size:16px;color:#eee;margin:0 0 8px}.business-circle h3{font-family:'Pretendard',sans-serif;font-size:25px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin:0}.investment{background-image:url('assets/business_cont01.jpg')}.consulting{background-image:url('assets/business_cont02.jpg')}.prototype{background-image:url('assets/business_cont03.jpg')}.manufacturing{background-image:url('assets/business_cont04.jpg')}.process-line{font-size:16px;font-weight:500;margin:0 0 35px;line-height:2}.process-line span{margin:0 13px;color:#777}.portfolio{padding:80px 0;text-align:center}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px}.portfolio-grid article{border:1px solid #ddd;background:white}.product-option{padding:0;border:0;border-bottom:1px solid #ddd;display:block;width:100%;background:white;color:#222;text-align:left}.product-option img{display:block;width:100%;height:auto;aspect-ratio:600/437;object-fit:cover}.product-option span{display:block;padding:15px 20px;font-size:19px;font-weight:600}.product-option.active span{color:#cc121d}.portfolio-grid article>a{font-size:14px;display:block;padding:11px;color:#777}.portfolio-grid article>a:hover{color:#cc121d}.selected-product{display:flex;align-items:center;gap:35px;border-top:1px solid #ddd;padding-top:30px;margin-top:35px;text-align:left}.selected-product>img{width:260px;height:auto;display:block}.selected-product>div{flex:1}.selected-product p{font-size:12px;color:#888;letter-spacing:.4px;margin:0 0 8px}.selected-product p span{margin-left:15px}.selected-product h3{font-size:25px;margin:0 0 18px;font-weight:600}.selected-product .button{font-size:14px;padding:10px 24px}.contact-section{text-align:center;background:#f5f5f5;padding:50px 0}.contact-section h2{font-size:28px;font-weight:600;line-height:1.6;margin:0 0 14px}.contact-section p{font-size:16px;color:#777;margin:0 0 24px}.phone{font-size:20px;font-weight:600;display:block;margin-top:15px}.floating-contact{position:fixed;left:30px;bottom:50px;z-index:25;display:flex;flex-direction:column;gap:10px;font-size:13px}.floating-contact a{padding:11px 12px;display:flex;align-items:center;justify-content:center;gap:5px;width:130px;height:45px}.estimate{background:#00c73c;color:white}.kakao{background:#ffe500;color:#3c1e1e}.floating-contact span{font-size:18px;line-height:1}.top-button{position:fixed;bottom:30px;right:30px;border:0;width:50px;height:40px;z-index:25;background:#0007;color:white;font-size:30px;line-height:1}.top-button:hover{background:black}footer{padding:50px 0;color:#999;border-top:1px solid #e0e0e0;background:white}.footer-inner{display:flex;justify-content:space-between;gap:30px;font-size:13px}.footer-inner strong{font-weight:600;color:#555;font-size:15px}.footer-inner p{margin:8px 0 0}.footer-inner>a{font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1200px){nav{gap:36px;font-size:15px}.business-circle{width:210px;height:210px;background-size:cover}.business-circle h3{font-size:23px}.about-inner{gap:30px}.about-images{min-height:390px}.about-copy h3{font-size:24px}.desktop-break{display:none}}
@media(max-width:950px){nav{gap:22px;font-size:14px}.account-link{margin-left:0}.wrap{width:calc(100% - 48px)}.about-inner{gap:25px}.about-images{min-height:320px}.about-copy h2{font-size:32px}.about-copy h3{font-size:21px}.about-copy p{font-size:15px}.business-grid{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:25px}.business-circle{width:240px;height:240px}.business-circle h3{font-size:25px}.process-line span{margin:0 7px}}
@media(max-width:760px){html{scroll-padding-top:74px}#header,#header.scrolled{height:74px}.header-inner{width:calc(100% - 32px)}.menu-toggle{display:block;border:1px solid currentColor;color:inherit;background:transparent;border-radius:3px;padding:5px 12px;font-size:14px}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:12px 20px;background:white;color:#333;box-shadow:0 2px 4px #0003;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px}.account-link{display:none}.hero{min-height:620px;max-height:none}.hero-content{width:calc(100% - 40px);padding-top:25vh}h1{font-size:clamp(30px,7.3vw,44px);line-height:1.5;letter-spacing:-1.2px}.mobile-break{display:block}.hero-subtitle{font-size:16px;line-height:1.7;margin-top:22px}.hero-subtitle span{font-size:18px;letter-spacing:-.4px}.hero-benefit{font-size:14px;line-height:1.9;margin-top:20px}.hero-actions{gap:10px;margin-top:25px}.white-button{min-width:0;padding:11px 18px;font-size:13px}.slide-controls{bottom:65px}.slide-dot{width:16px;height:16px}.slide-product{background-size:cover,auto 75%}.wrap{width:calc(100% - 40px)}.about{padding:45px 0;background-size:auto 100%}.about-inner{grid-template-columns:1fr;gap:25px}.about-images{width:100%;max-width:520px;min-height:320px;margin:auto}.about-copy h2{font-size:32px;margin-bottom:18px}.about-copy h3{font-size:23px;margin-bottom:18px}.about-copy p{font-size:15px}.about-actions{margin-top:22px}.button{padding:11px 28px;font-size:14px}.business{padding:45px 0}.business h2,.portfolio h2{font-size:28px}.section-description{font-size:14px;line-height:1.8}.business-grid{gap:18px 12px;margin:28px 0}.business-circle{width:150px;height:150px}.business-circle p{font-size:12px;margin-bottom:6px}.business-circle h3{font-size:16px}.process-line{font-size:14px;line-height:2.3;margin-bottom:24px;max-width:330px;margin-left:auto;margin-right:auto}.process-line span{margin:0 4px}.portfolio{padding:45px 0}.portfolio-grid{grid-template-columns:1fr;gap:20px;max-width:520px;margin:25px auto 0}.product-option span{font-size:18px;padding:12px 16px}.selected-product{flex-direction:column;align-items:flex-start;gap:20px}.selected-product>img{width:100%;max-width:360px}.selected-product h3{font-size:23px}.contact-section{padding:40px 0}.contact-section h2{font-size:23px}.floating-contact{left:12px;bottom:18px;gap:6px;font-size:12px}.floating-contact a{width:114px;height:35px;padding:7px}.floating-contact span{font-size:15px}.top-button{right:12px;bottom:18px;width:40px;height:35px}.footer-inner{flex-direction:column;gap:15px;font-size:12px}footer{padding:35px 0 115px}}
@media(max-width:360px){.business-circle{width:135px;height:135px}.business-circle h3{font-size:14px}.about-images{min-height:270px}.hero-subtitle span{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Extend the original M20 photo, white, red and pale-blue visual language. */
.hero-content{padding-top:23vh;max-width:1220px}.hero-eyebrow{font-size:17px;font-weight:500;margin:0 0 21px;letter-spacing:.4px;color:#fff}h1{font-size:clamp(32px,3.8vw,58px);line-height:1.4;letter-spacing:-1.6px}.hero-subtitle{font-size:19px;margin-top:24px}.hero-subtitle span{font-size:23px}.hero-benefit{margin-top:18px}.hero-actions{margin-top:25px}.hero{min-height:700px}.about-copy p{font-size:16px}.section-kicker{font-family:'Pretendard',sans-serif;font-size:14px;font-weight:700;color:#bb1926;letter-spacing:1.5px;margin:0 0 12px}.process-section,.faq-section{padding:80px 0}.process-section h2,.value-section h2,.audience-section h2,.faq-section h2{font-size:34px;line-height:1.45;letter-spacing:-1px;margin:0 0 16px}.process-section,.value-section,.audience-section{text-align:center}
.service-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;text-align:left;margin:36px 0}.service-details article{border-top:1px solid #bac8d2;padding:20px 0}.service-details h3{font-size:19px;margin:0 0 12px;line-height:1.5}.service-details p{font-size:16px;color:#444;line-height:1.8;margin:0 0 14px}.needs-check{font-size:14px!important;line-height:1.8!important;color:#6b4b21!important;text-align:left;background:#fff8ea;border-left:3px solid #c7984b;padding:12px 14px;margin:14px 0 0!important}.needs-check strong,.check-label{font-size:14px;color:#825313;font-weight:600}.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:42px 0 24px;text-align:left;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.process-grid li{padding:24px 18px;border-right:1px solid #ddd}.process-grid li:last-child{border:0}.process-grid span,.value-grid article>span{font-family:'Pretendard',sans-serif;color:#bb1926;font-size:14px;font-weight:700}.process-grid h3{font-size:18px;margin:10px 0}.process-grid p{font-size:16px;color:#666;margin:0}.support-strip{background:#eef5fa;padding:22px}.support-strip strong{font-size:18px}.support-strip p{font-size:16px;color:#555;margin:5px 0 0}.example-strip{text-align:left;background:#fff8ea;padding:18px 22px;margin-top:14px;border-left:3px solid #c7984b}.example-strip p{font-size:16px;color:#6b4b21;margin:0}
.value-section{padding:75px 0;background:#f6f6f6}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;text-align:left;margin:38px 0 25px}.value-grid article{padding:26px 0;border-top:1px solid #ccc}.value-grid h3{font-size:24px;margin:12px 0}.value-grid p{font-size:16px;color:#555;margin:0}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.case-copy{padding:0 20px 20px;text-align:left}.case-copy>p:first-child{color:#666;font-size:14px;margin:13px 0}.portfolio-grid article>a{border-top:1px solid #ddd}.selected-product .selected-note{font-size:16px;letter-spacing:0;line-height:1.8;color:#666;max-width:650px;margin-bottom:20px}.audience-section{padding:70px 0;background:#eaf3fa}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:left;margin-top:35px}.audience-grid article{border-top:1px solid #b9c9d5;padding-top:20px}.audience-grid h3{font-size:21px;margin:0 0 14px}.audience-grid p{font-size:16px;color:#4a4a4a;margin:0}
.faq-section>.section-description{margin-bottom:32px}.faq-section details{border-top:1px solid #ddd}.faq-section details:last-child{border-bottom:1px solid #ddd}.faq-section summary{font-size:18px;font-weight:600;padding:22px 4px;cursor:pointer;line-height:1.7}.faq-section summary:focus-visible{outline:3px solid #bb1926;outline-offset:3px}.faq-section details>div{padding:0 5px 24px}.faq-section details>div>p{font-size:16px;color:#555;margin:0 0 14px}.faq-section details>div>.needs-check{max-width:920px}.contact-section .button{margin:0 4px 12px}.contact-section .contact-note{max-width:760px;margin:24px auto 0!important}.footer-inner .needs-check{font-size:14px!important;max-width:850px}footer .footer-inner{font-size:14px}
@media(max-width:1050px){.service-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}.process-grid h3{font-size:16px}.process-grid li{padding:20px 12px}.hero-subtitle{font-size:18px}.audience-grid h3{font-size:19px}}
@media(max-width:760px){.hero{min-height:700px;height:100svh}.hero-content{padding-top:23vh;width:calc(100% - 36px)}.hero-eyebrow{font-size:14px;margin-bottom:20px}h1{font-size:clamp(27px,6.6vw,40px);line-height:1.6;letter-spacing:-1px}.hero-subtitle{font-size:16px;margin-top:22px;line-height:1.9;max-width:490px;margin-left:auto;margin-right:auto}.hero-subtitle span{font-size:17px}.hero-benefit{font-size:16px;margin-top:18px}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{font-size:14px;padding:10px 15px}.service-details{grid-template-columns:1fr;margin:28px 0;gap:0}.service-details h3{font-size:21px}.service-details article{padding:22px 0}.process-section,.faq-section{padding:48px 0}.process-section h2,.value-section h2,.audience-section h2,.faq-section h2{font-size:27px}.section-description{font-size:16px}.process-grid{grid-template-columns:1fr;margin-top:28px;border-bottom:0}.process-grid li{display:grid;grid-template-columns:35px 1fr;gap:2px 12px;padding:18px 4px;border-right:0;border-bottom:1px solid #ddd}.process-grid li:last-child{border-bottom:1px solid #ddd}.process-grid span{grid-row:span 2;padding-top:4px}.process-grid h3{font-size:19px;margin:0}.support-strip{padding:20px 15px}.support-strip strong{font-size:17px}.value-section,.audience-section{padding:48px 0}.value-grid,.audience-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.value-grid article{padding:22px 0 0}.value-grid h3{font-size:22px}.audience-grid h3{font-size:21px}.case-copy{padding:0 16px 16px}.faq-section summary{font-size:17px;padding:20px 2px}.about-copy p{font-size:16px}.contact-section h2{font-size:24px}.contact-section .button{font-size:14px}.floating-contact{bottom:15px}.selected-product p{font-size:14px}footer .footer-inner{font-size:14px}}
@media(max-width:375px){h1{font-size:25px}.hero-content{padding-top:21vh}.hero-actions .button{font-size:14px;padding:10px 12px}.hero-eyebrow{font-size:14px}.hero{min-height:740px}}
.hero-subtitle strong{font-weight:700}.hero-primary{background:white;color:#222}.hero-primary:hover{background:#e8e8e8;border-color:#e8e8e8}.hero-next{display:inline-block;margin-top:24px;font-size:14px;color:#fff;text-decoration:underline;text-underline-offset:6px}.customer-needs{background:white;padding:65px 0 70px;border-bottom:1px solid #eee;text-align:center}.customer-needs h2{font-size:34px;line-height:1.5;letter-spacing:-1px;margin:0 0 14px}.needs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:38px;text-align:left}.need-card{display:block;border:1px solid #ddd;padding:28px 28px 25px;transition:border-color .2s,background .2s}.need-card:hover{border-color:#bb1926;background:#fafafa}.need-number{font-size:14px;color:#bb1926;font-weight:600;letter-spacing:.2px}.need-card h3{font-size:24px;line-height:1.65;font-weight:600;margin:15px 0 16px;word-break:keep-all}.need-card p{font-size:16px;line-height:1.8;color:#555;margin:0 0 25px;word-break:keep-all}.need-link{font-size:14px;font-weight:600;display:inline-block;padding-bottom:4px;border-bottom:1px solid #666}.service-details article{scroll-margin-top:100px}.service-details article:target{outline:2px solid #bb1926;outline-offset:10px}
@media(max-width:760px){.hero-content{padding-top:20vh}.hero-subtitle{font-size:17px;line-height:1.9}.hero-benefit{font-size:16px}.hero-actions .button{min-width:0;padding:11px 16px}.hero-next{margin-top:22px;font-size:14px}.customer-needs{padding:45px 0}.customer-needs h2{font-size:27px}.needs-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.need-card{padding:24px}.need-card h3{font-size:23px;margin:12px 0}.need-card p{margin-bottom:20px}.service-details article{scroll-margin-top:90px}}