@charset "utf-8";
:root{--navy:#08283c;--navy-deep:#051b2a;--blue:#087ec1;--blue-light:#dff3fa;--accent:#22b8d7;--bg:#f5f8f9;--surface:#fff;--text:#172630;--muted:#657680;--line:#dbe4e7;--shadow:0 18px 55px rgba(8,40,60,.09);--shadow-sm:0 8px 28px rgba(8,40,60,.07);--radius:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--text);background:var(--bg);line-height:1.78;letter-spacing:-.025em;word-break:keep-all}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin-top:0}::selection{background:#bfeaf5;color:var(--navy)}
header.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(8,40,60,.1);backdrop-filter:blur(14px)}.header-inner{max-width:var(--max);min-height:92px;margin:0 auto;padding:12px 22px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo top" "logo nav";align-items:center;column-gap:50px}.logo{grid-area:logo;position:relative;padding-left:42px;font-size:1.3rem;font-weight:800;letter-spacing:-.055em;color:var(--navy);white-space:nowrap}.logo:before{content:"";position:absolute;left:0;top:50%;width:26px;height:34px;transform:translateY(-54%) rotate(45deg);border-radius:60% 50% 60% 50%;background:linear-gradient(145deg,var(--accent),var(--blue))}.top-links{grid-area:top;justify-self:end;display:flex;align-items:center;gap:8px;font-size:.72rem;color:#6c7d86}.top-links a{padding:4px 10px;border-radius:20px;transition:.2s}.top-links a:hover{color:var(--blue);background:#eef7fa}nav.main-nav{grid-area:nav;justify-self:end;display:flex;align-items:center;gap:31px}nav.main-nav a{position:relative;padding:6px 0;font-size:.94rem;font-weight:680;color:#253842}nav.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--blue);transition:.22s}nav.main-nav a:hover,nav.main-nav a.active{color:var(--blue)}nav.main-nav a:hover:after,nav.main-nav a.active:after{right:0}.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:1.55rem;line-height:1;cursor:pointer;padding:5px}
.hero{position:relative;min-height:280px;padding:68px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--navy-deep),#0a4262);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 5%,rgba(55,201,230,.18),transparent 35%),radial-gradient(circle at 90% 90%,rgba(34,184,215,.12),transparent 28%)}.hero h1,.hero h2{position:relative;z-index:2}.hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:.045em;margin:0 0 13px;font-weight:780}.hero h2{font-size:1rem;font-weight:450;opacity:.82;margin:0;letter-spacing:-.01em}.hero:has(.hero-img){min-height:560px;padding:90px 22px 92px;justify-content:flex-end;background:var(--navy)}.hero:has(.hero-img):before{z-index:1;background:linear-gradient(180deg,rgba(2,20,32,.1) 12%,rgba(3,25,39,.78) 82%,rgba(3,25,39,.93) 100%)}.hero-img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.hero:has(.hero-img) h1{font-size:clamp(2.5rem,5.2vw,4.5rem);letter-spacing:.06em;text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero:has(.hero-img) h2{font-size:clamp(1rem,2vw,1.35rem);margin-top:4px}.hero:has(.hero-img) h2:last-child{display:inline-flex;align-items:center;min-height:37px;margin-top:19px!important;padding:0 17px;border:1px solid rgba(255,255,255,.32);border-radius:30px;background:rgba(7,40,60,.38);font-size:.88rem!important;backdrop-filter:blur(8px)}
.quicklinks{position:relative;z-index:3;max-width:940px;margin:-45px auto 66px;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quicklinks a{min-height:132px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid rgba(8,40,60,.07);border-radius:15px;box-shadow:var(--shadow-sm);font-size:.92rem;font-weight:720;color:var(--navy);transition:.22s}.quicklinks a:hover{transform:translateY(-5px);border-color:#a8dcea;box-shadow:var(--shadow)}.quicklinks img{width:45px;height:45px;margin:0;object-fit:contain;filter:saturate(.75)}
section.section{max-width:var(--max);margin:0 auto;padding:90px 22px}section.section h2.section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);line-height:1.2;letter-spacing:-.055em;color:var(--navy);margin:0 0 13px}section.section h2.section-title:before{content:"";display:block;width:34px;height:3px;margin:0 auto 17px;background:var(--accent);border-radius:4px}.section-sub{max-width:840px;margin:0 auto 48px;text-align:center;color:var(--muted);font-size:.96rem}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.about-grid>div>h3{font-size:1.65rem!important;letter-spacing:-.045em;margin-top:0}.about-grid p,.solution-text p,section.section>div[style*="margin-top"] p{color:#50636e}.cert-imgs{display:flex;align-items:center;gap:11px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.cert-imgs img{border-radius:8px!important;box-shadow:none!important;object-fit:cover}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}.feature-card{position:relative;min-height:225px;padding:34px 32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;overflow:hidden}.feature-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--accent),var(--blue))}.feature-card h5{font-size:1.08rem;color:var(--navy);margin:0 0 14px}.feature-card p{font-size:.91rem;color:var(--muted);margin:0}
section.section[style*="background:#fff"]{max-width:none;background:#edf6f8!important;padding-left:max(22px,calc((100% - var(--max))/2 + 22px));padding-right:max(22px,calc((100% - var(--max))/2 + 22px))}.contact-box{padding:34px!important;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.contact-box h4{font-size:1.35rem;margin:0 0 8px;color:var(--navy)}.contact-cta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.contact-cta a{min-height:51px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:8px;font-size:.9rem;font-weight:750;transition:.2s}.contact-cta a:hover{background:#0696dc;transform:translateY(-2px)}.contact-cta a.secondary{background:var(--navy)}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.locations div{padding:17px;background:var(--bg);border:1px solid #e6edef;border-radius:10px;font-size:.83rem;color:#5f707a}.locations strong{color:var(--navy);font-size:.9rem}
.portfolio-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:32px}.portfolio-groups>div{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.portfolio-groups img{width:100%;height:235px;object-fit:cover;background:#eef2f3}.portfolio-groups h4{font-size:1.08rem;color:var(--navy);margin:24px 25px 10px}.portfolio-groups p{margin:0;padding:0 25px 28px;color:var(--muted);font-size:.88rem}
.solution-block{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding:52px 0;border-bottom:1px solid var(--line)}.solution-block>div:first-child:not(.solution-text),.solution-block>div:last-child:not(.solution-text){overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#eaf0f2}.solution-block img{width:100%;height:360px;object-fit:cover;border-radius:0}.solution-block:nth-child(even) .solution-text{order:0}.solution-text h5{font-size:1.65rem!important;letter-spacing:-.04em;color:var(--navy)!important;margin:0 0 24px!important}.solution-text h5:before{content:"";display:block;width:28px;height:3px;background:var(--accent);margin-bottom:15px}.solution-text p{font-size:.92rem;margin-bottom:17px}.solution-text strong{display:inline-block;color:#164e69;margin-bottom:5px;font-size:.96rem}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:14px}.project-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:.22s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-card .imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#d8e1e4}.project-card .imgs img{width:100%;height:145px;object-fit:cover}.project-card .body{padding:25px 27px 27px}.project-card h3{font-size:1.16rem;line-height:1.35;color:var(--navy);margin:0 0 15px;letter-spacing:-.035em}.project-card .detail{padding:14px 16px;background:#f5f8f9;border-radius:9px;font-size:.81rem;line-height:1.75;color:#62737c;white-space:pre-line;margin-bottom:16px}.project-card a.blog-link{display:inline-flex;align-items:center;font-size:.82rem;color:var(--blue);font-weight:720;border-bottom:1px solid #a8cede;padding-bottom:3px}.pagination{display:flex;justify-content:center;gap:7px;margin:48px 0 5px;flex-wrap:wrap}.pagination a{min-width:42px;height:42px;padding:0 12px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:.83rem;font-weight:700;color:#586a74}.pagination a:hover,.pagination a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
section.section ul{padding-left:21px;color:#50636e}section.section ul li{margin:7px 0}.faq-item{position:relative;padding:25px 27px 25px 58px;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none}.faq-item:before{content:"Q";position:absolute;left:23px;top:22px;color:var(--blue);font-weight:850;font-size:1.1rem}.faq-item h5{margin:0 0 9px;color:var(--navy);font-size:1rem}.faq-item p{margin:0;color:var(--muted);font-size:.87rem}
.equip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.equip-card{overflow:hidden;padding:0 0 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;transition:.22s}.equip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.equip-card img{width:100%;height:210px;padding:22px;object-fit:contain;background:#f1f5f6}.equip-card h5{font-size:1rem;color:var(--navy);margin:18px 0 3px}.equip-card p{margin:0!important}
footer.site-footer{position:relative;padding:47px 22px;background:var(--navy-deep);color:#91a7b3;text-align:center;font-size:.78rem}footer.site-footer:before{content:"웰컴누수탐지";display:block;margin-bottom:18px;color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:-.045em}footer.site-footer p{margin:5px 0}footer.site-footer a{color:#87d8e9;font-weight:650}
@media(max-width:920px){.header-inner{column-gap:25px}nav.main-nav{gap:20px}.about-grid{gap:32px}.solution-block{gap:35px}.equip-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{word-break:normal}.header-inner{min-height:72px;padding:10px 17px;display:flex;flex-wrap:wrap;justify-content:space-between}.logo{font-size:1.08rem;padding-left:34px}.logo:before{width:22px;height:29px}.top-links{order:2;margin-left:auto}.top-links a{display:none}.menu-toggle{display:block}nav.main-nav{order:3;display:none;width:100%;padding:12px 0 4px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);margin-top:9px}nav.main-nav.open{display:flex}nav.main-nav a{padding:11px 3px;border-bottom:1px solid #e9eff1}nav.main-nav a:after{display:none}.hero{min-height:225px;padding:55px 18px}.hero:has(.hero-img){min-height:460px;padding-bottom:76px}.hero:has(.hero-img) h1{font-size:2.25rem}.hero:has(.hero-img) h2{font-size:.95rem}.quicklinks{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:-34px;margin-bottom:40px;padding:0 16px}.quicklinks a{min-height:108px;padding:16px 8px}.quicklinks img{width:38px;height:38px}section.section{padding:67px 18px}.section-sub{margin-bottom:35px}.about-grid,.feature-list,.portfolio-groups,.solution-block,.project-grid{grid-template-columns:1fr}.about-grid{gap:26px}.cert-imgs{padding:10px;gap:7px}.feature-card{min-height:0;padding:28px 25px}.locations{grid-template-columns:1fr}.portfolio-groups img{height:210px}.solution-block{gap:25px;padding:38px 0}.solution-block .solution-text{order:2!important}.solution-block img{height:260px}.project-card .imgs img{height:105px}.project-card .body{padding:21px}.equip-grid{grid-template-columns:repeat(2,1fr);gap:12px}.equip-card img{height:165px;padding:17px}.faq-item{padding:22px 20px 22px 48px}.faq-item:before{left:18px;top:19px}.contact-box{padding:27px 20px!important}.contact-cta{display:grid}.contact-cta a{width:100%}}
@media(max-width:430px){.hero:has(.hero-img){min-height:410px}.hero:has(.hero-img) h1{font-size:1.78rem;letter-spacing:.03em}.hero:has(.hero-img) h2:last-child{font-size:.78rem!important}.quicklinks a{font-size:.84rem}.portfolio-groups img{height:180px}.equip-grid{grid-template-columns:1fr}.equip-card img{height:220px}footer.site-footer{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Requested visual refinements */
.logo{display:flex;align-items:center;gap:12px;padding-left:0}.logo:before{display:none}.logo img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 5px 16px rgba(8,40,60,.18)}.logo span{display:block}
.top-links{gap:7px}.top-links a{padding:7px 13px;color:#fff!important;font-size:.76rem;font-weight:800;box-shadow:0 5px 14px rgba(8,40,60,.13);opacity:1}.top-links a:nth-child(1){background:#03a84e}.top-links a:nth-child(2){background:#f00032}.top-links a:nth-child(3){background:#087ec1}.top-links a:hover{filter:brightness(1.08);transform:translateY(-2px)}
.credentials-line{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.credentials-line strong,.credentials-line span{display:inline-flex;align-items:center;min-height:42px;padding:0 17px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-sm);color:#38515f}.credentials-line strong{min-height:52px;padding:0 23px;background:linear-gradient(135deg,var(--navy),#0b5579);border:0;color:#fff;font-size:1.05rem;box-shadow:0 12px 30px rgba(8,40,60,.22)}
.company-about{grid-template-columns:1fr;gap:32px}.cert-imgs{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:stretch;gap:13px;padding:20px;width:100%}.cert-imgs img{width:100%!important;height:460px;object-fit:contain;background:#f7f9fa;border:1px solid #e1e8ea;border-radius:9px!important}
.contact-brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin:24px 0}.contact-brand strong{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;color:var(--navy);letter-spacing:-.055em}.contact-brand span{font-size:.83rem;color:var(--muted)}
.solution-block{grid-template-columns:minmax(280px,380px) 1fr}.solution-block:nth-child(even){grid-template-columns:1fr minmax(280px,380px)}.solution-block img{height:480px;object-fit:cover;filter:contrast(1.06) saturate(1.05)}
.info-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:42px 0 52px}.info-visuals figure{margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.info-visuals img{width:100%;height:215px;object-fit:cover}.info-visuals figcaption{display:flex;flex-direction:column;padding:18px 20px}.info-visuals b{font-size:1rem;color:var(--navy)}.info-visuals span{margin-top:2px;font-size:.8rem;color:var(--muted)}
.page-ending-panel{position:relative;overflow:hidden;margin-top:54px;padding:46px;border-radius:22px;background:linear-gradient(135deg,var(--navy-deep),#0a4566);color:#fff;box-shadow:0 18px 48px rgba(8,40,60,.19)}.page-ending-panel:after{content:"";position:absolute;right:-110px;top:-150px;width:330px;height:330px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.ending-copy{position:relative;z-index:1;max-width:770px}.ending-label{font-size:.67rem;font-weight:800;letter-spacing:.16em;color:#71d8e9}.ending-copy h3{margin:13px 0 10px;font-size:clamp(1.7rem,3.4vw,2.55rem);line-height:1.28;letter-spacing:-.055em}.ending-copy p{color:#b9cad2!important;margin-bottom:0}.ending-points,.equipment-method{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.ending-points div,.equipment-method div{padding:17px 18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;flex-direction:column}.ending-points b{font-size:.7rem;color:#5bd3e9}.ending-points span,.equipment-method span{font-size:.83rem;color:#d0e0e6}.equipment-method{grid-template-columns:repeat(4,1fr)}.equipment-method b{font-size:.94rem;margin-bottom:3px}.ending-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.ending-actions a{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent);color:#052438;font-size:.84rem;font-weight:800}.ending-actions a.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34)}.symptom-chips{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.symptom-chips span{padding:9px 13px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:.78rem;color:#d1e3e9}
@media(max-width:760px){.logo{gap:8px}.logo img{width:45px;height:45px}.top-links a{display:none!important}.cert-imgs{grid-template-columns:1fr;padding:12px}.cert-imgs img{height:auto;max-height:none}.solution-block,.solution-block:nth-child(even){grid-template-columns:1fr}.solution-block img{height:auto;max-height:580px;object-fit:contain;background:#eaf0f2}.info-visuals{grid-template-columns:1fr;gap:12px;margin:32px 0 42px}.info-visuals img{height:230px}.page-ending-panel{padding:32px 23px;margin-top:42px}.ending-points,.equipment-method{grid-template-columns:1fr 1fr}.ending-actions{display:grid}.ending-actions a{width:100%}}
@media(max-width:430px){.logo span{font-size:.98rem}.ending-points,.equipment-method{grid-template-columns:1fr}.credentials-line strong,.credentials-line span{width:100%;justify-content:center}.credentials-line strong{font-size:.96rem}}

/* Page-specific spacing refinements */
.home-page section.section{padding-top:78px;padding-bottom:78px}
.business-page .solution-block{padding-top:24px;padding-bottom:24px}
@media(max-width:760px){.home-page section.section{padding-top:58px;padding-bottom:58px}.business-page .solution-block{padding-top:20px;padding-bottom:20px}}


/* Mobile header utility links */
@media(max-width:760px){
  .header-inner{position:relative;padding-bottom:10px}
  .logo{flex:1 1 auto;padding-right:48px}
  .top-links{order:2;width:100%;margin:7px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .top-links a{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:6px 4px;font-size:.7rem;line-height:1;white-space:nowrap}
  .menu-toggle{position:absolute;top:20px;right:17px;display:block}
  nav.main-nav{order:3}
}
@media(max-width:360px){
  .top-links{gap:4px}
  .top-links a{font-size:.65rem;padding-left:2px;padding-right:2px}
}
