/* DINSS PLUS company pages · 2026.11.02 */
.company-hero.company-hero--brand>img{object-position:center center}
@media(max-width:600px){.company-hero.company-hero--brand>img{object-position:68% center}}
.history-sample-key{display:flex;align-items:center;gap:14px;margin-bottom:42px;font-size:14px;font-weight:600;color:var(--ink)}
.history-sample-key span{font-size:13px;font-weight:400;color:var(--muted)}
.history-timeline .history-body+.history-body{margin-top:58px;padding-top:58px;border-top:1px solid var(--line)}
.history-timeline .timeline{padding-bottom:0}
.history-timeline .timeline-entry+.timeline-entry{margin-top:32px;padding-top:30px;border-top:1px solid var(--line)}
.history-timeline .timeline-entry+.timeline-entry:before{top:36px}
.timeline-date-row{display:flex;align-items:center;gap:12px;min-height:24px}
.history-sample-tag{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid #cdd4da;font-size:11px;font-weight:500;line-height:1.5;color:#626d76;letter-spacing:0}
@media(max-width:600px){.history-sample-key{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:30px}.history-timeline .history-body+.history-body{margin-top:36px;padding-top:36px}.history-timeline .timeline-entry h3{font-size:22px}}
.quality-grid.quality-grid--documents{grid-template-columns:1fr 1fr;gap:64px}
.quality-documents{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.quality-documents .cert-view{max-width:none;padding:18px 20px 15px;box-shadow:none;display:block}
.quality-documents .cert-view img{aspect-ratio:793/1122;object-fit:contain}
.quality-documents .cert-view span{gap:10px;font-size:13px;line-height:1.7;min-height:64px;align-items:center}
.quality-documents .cert-view .arrow{width:18px;height:18px}
.document-description{font-size:13px;color:var(--muted);line-height:1.8;margin-top:13px}
.document-original{font-size:13px;display:inline-flex;align-items:center;min-height:40px;border-bottom:1px solid var(--line);margin-top:3px}
.document-original:hover{color:var(--brand)}
.kakao-location{min-width:0;border:1px solid var(--line);background:#f4f5f5;overflow:hidden;position:relative}
.kakao-location .root_daum_roughmap{width:100%!important;padding:0!important;border:0!important;box-sizing:border-box}
.kakao-location .root_daum_roughmap .wrap_map{height:460px!important}
.kakao-location .root_daum_roughmap .wrap_controllers{display:none!important}
.kakao-location .kakao-map-attribution{display:none}
.kakao-location:not(.is-loaded) .root_daum_roughmap{position:absolute;inset:0;visibility:hidden}
.kakao-location.is-loaded .kakao-map-fallback{display:none}
.kakao-map-fallback>a{display:block}
.kakao-map-fallback .map-preview{width:100%;height:460px;object-fit:cover}
.kakao-map-attribution{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:#fafafa;font-size:12px;color:#4d565d;border-top:1px solid var(--line)}
.kakao-map-attribution img{width:72px;height:16px;max-width:none}
.kakao-map-caption{padding:15px 18px;border-top:1px solid var(--line);background:white;font-size:14px;line-height:1.8;color:var(--muted)}
.kakao-map-caption strong{display:block;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:3px}
@media(max-width:1100px){.quality-grid.quality-grid--documents{grid-template-columns:1fr;gap:35px}.quality-documents{max-width:650px;gap:24px}}
@media(max-width:600px){.quality-documents{gap:12px}.quality-documents .cert-view{padding:12px}.quality-documents .cert-view span{font-size:12px;min-height:66px;gap:5px}.quality-documents .cert-view .arrow{width:15px}.document-description,.document-original{font-size:12px}.kakao-location .root_daum_roughmap .wrap_map{height:340px!important}.kakao-map-fallback .map-preview{height:340px}.kakao-map-caption{font-size:13px;padding:13px 15px}.kakao-map-caption strong{font-size:15px}}
.section-grid>.section-label{align-self:start;padding-top:12px}
:root{--brand:#ce2636;--brand-dark:#aa1525;--ink:#18232c;--muted:#69737c;--line:#dce1e4;--paper:#f3f5f5;--dark:#15212a}
html{scroll-behavior:smooth;scroll-padding-top:180px}body{color:var(--ink);font-family:var(--font-sans);letter-spacing:-.035em;word-break:keep-all;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0}button,input{font:inherit;letter-spacing:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:inherit}p{line-height:1.85}.container{width:min(1440px,calc(100% - 128px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:200;background:white;padding:12px 20px}.skip:focus{top:15px}.arrow{width:22px;height:22px;flex:none}.site-header{height:94px;position:sticky;top:0;background:#fffffff7;z-index:100;border-bottom:1px solid #e7e9ea}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:17px}.brand img{width:93px;height:auto}.brand-name{font-size:17px;font-weight:700;border-left:1px solid #cdd2d6;padding-left:17px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:48px;font-size:16px;font-weight:600;height:100%}.desktop-nav>a{padding:31px 0;position:relative}.desktop-nav>a:hover{color:var(--brand)}.header-action{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.header-action-label{display:inline-flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}.menu-button{display:none;background:none;width:44px;height:44px;padding:9px}.menu-button span{display:block;height:2px;background:var(--ink);margin:6px 0}
.company-hero{position:relative;isolation:isolate;background:var(--dark);color:white;overflow:hidden}.company-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.company-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c1822e6 0%,#0d1b25aa 48%,#0d1b2538 100%);z-index:-1}.company-hero-inner{min-height:390px;padding-top:30px;padding-bottom:64px;display:flex;flex-direction:column;align-items:flex-start}.breadcrumb{display:flex;align-items:center;gap:13px;color:#d4dadf;font-size:13px;align-self:flex-end;margin-bottom:39px}.breadcrumb svg{width:14px;height:14px}.breadcrumb a:hover{color:white}.hero-label{font-size:13px;letter-spacing:.13em;font-weight:600;color:#e1e5e7;display:flex;align-items:center;gap:12px}.hero-label:before{content:"";height:2px;width:24px;background:#ee5262}.company-hero h1{font-size:58px;line-height:1.2;font-weight:650;letter-spacing:-.055em;margin:19px 0}.company-hero p{color:#e1e5e7;font-size:17px;line-height:1.8}.company-tabs{position:sticky;top:94px;background:#fff;z-index:50;border-bottom:1px solid var(--line)}.company-tabs .container{display:flex}.company-tabs a{min-height:74px;min-width:200px;display:flex;align-items:center;justify-content:center;font-size:17px;position:relative;color:#626d76}.company-tabs a[aria-current=page]{color:var(--brand);font-weight:700}.company-tabs a[aria-current=page]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--brand)}.company-tabs a:hover{color:var(--brand)}
.company-section{padding:100px 0}.section-label{color:var(--brand);font-size:15px;font-weight:650;display:flex;align-items:center;gap:10px;line-height:1.5}.section-label:before{content:"";width:17px;height:2px;background:currentColor}.section-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:64px}.section-title{font-size:42px;line-height:1.45;font-weight:650;letter-spacing:-.055em}.section-title em{font-style:normal;color:var(--brand)}.intro-copy{margin-top:25px;max-width:780px;font-size:17px;color:#626d76;line-height:1.95}.intro-copy+p{margin-top:14px}.company-facts{display:grid;grid-template-columns:1.1fr 1.3fr 1.1fr .9fr;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin:58px 0 0;padding:29px 0;gap:24px}.company-facts>div{padding-left:26px;border-left:1px solid var(--line)}.company-facts>div:first-child{padding-left:0;border:0}.company-facts dt{font-size:14px;color:var(--muted);margin-bottom:12px}.company-facts dd{margin:0;font-size:17px;font-weight:600;line-height:1.7}.company-facts dd small{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:3px}.expertise-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:80px;align-items:stretch}.expertise-photo{position:relative;overflow:hidden;background:var(--paper);min-height:590px;border-radius:4px 90px 4px 4px}.expertise-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:40% center}.expertise-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0e1d2be0)}.expertise-photo figcaption{position:absolute;left:38px;right:30px;bottom:38px;color:white;z-index:1;font-size:29px;font-weight:600;line-height:1.5;letter-spacing:-.045em}.expertise-photo figcaption span{display:block;font-size:12px;font-weight:400;color:#d3dce4;margin-top:17px;letter-spacing:0}.expertise-copy{padding-top:16px}.expertise-copy .section-title{font-size:36px;margin-top:18px}.expertise-list{list-style:none;padding:0;margin:30px 0 0}.expertise-list li{display:grid;grid-template-columns:38px 1fr;gap:12px;border-top:1px solid var(--line);padding:24px 0}.expertise-list .index{font-size:13px;letter-spacing:0;color:var(--brand);padding-top:5px}.expertise-list h3{font-size:21px;font-weight:600;margin-bottom:9px}.expertise-list p{color:var(--muted);font-size:15px;line-height:1.85}
.quality-section{background:var(--paper)}.quality-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:center}.quality-section .section-title{margin-top:22px}.quality-section .intro-copy{max-width:650px}.cert-data{margin:28px 0 0;border-top:1px solid #cbd2d7;max-width:650px}.cert-data>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid #dce1e4;font-size:14px;line-height:1.8}.cert-data dt{color:var(--muted)}.cert-data dd{margin:0}.cert-view{background:white;padding:27px 35px 20px;max-width:340px;margin-inline:auto;box-shadow:0 8px 30px #18232c0a;border:1px solid #e5e8ea;text-align:left;width:100%}.cert-view img{width:100%;height:auto}.cert-view span{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:15px;font-size:13px;color:#606b73}.cert-view:hover{border-color:#aeb7be}.inline-link{display:inline-flex;align-items:center;gap:32px;margin-top:25px;min-height:44px;font-size:15px;font-weight:600;border-bottom:1px solid var(--ink)}.inline-link:hover{color:var(--brand);border-color:var(--brand)}
.company-cta{background:var(--brand);color:white;padding:55px 0;border-radius:40px 40px 0 0}.company-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.company-cta h2{font-size:30px;font-weight:600;line-height:1.5;letter-spacing:-.045em}.company-cta p{font-size:15px;color:#ffffffdb;margin-top:12px}.cta-link{display:flex;align-items:center;justify-content:space-between;gap:70px;min-height:60px;padding:0 26px;background:white;color:var(--brand);font-weight:600;font-size:15px;flex:none;border-radius:var(--radius-control)}.cta-link:hover{background:#fff1f3}.site-footer .footer-links{flex-wrap:wrap}.back-top{position:fixed;bottom:26px;right:22px;z-index:55;background:#fff;border:1px solid var(--line);display:grid;place-items:center;width:45px;height:45px;color:var(--ink);font-size:20px;box-shadow:0 2px 10px #18232c09}
.history-intro{padding-bottom:50px}.history-body{display:grid;grid-template-columns:1fr 2.15fr;gap:64px;position:relative}.history-year{font-size:88px;line-height:1;font-weight:600;letter-spacing:-.07em;color:var(--brand)}.history-year small{display:block;font-size:15px;line-height:1.7;color:var(--muted);letter-spacing:-.03em;margin-top:24px}.timeline{border-left:1px solid #cfd5da;padding:0 0 45px 45px}.timeline-entry{position:relative;padding-top:6px}.timeline-entry:before{content:"";position:absolute;left:-52px;top:11px;width:13px;height:13px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px #fff}.timeline-date{font-size:15px;font-weight:650;color:var(--brand);letter-spacing:0}.timeline-entry h3{font-size:28px;font-weight:600;line-height:1.5;margin:17px 0 14px}.timeline-entry p{font-size:16px;color:var(--muted);max-width:700px}.timeline-tag{display:inline-flex;padding:7px 13px;background:var(--paper);font-size:13px;margin-top:20px;letter-spacing:0}.history-note{margin-top:45px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:14px;line-height:1.8}.history-note strong{color:var(--ink);font-weight:500;display:block;margin-bottom:4px}
.location-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.location-visual{background:#f0f2f3;min-height:460px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--line)}.location-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 47%,#fff 47%,#fff 50%,transparent 50%),linear-gradient(125deg,transparent 46%,#e2e6e7 46%,#e2e6e7 49%,transparent 49%);opacity:.6;pointer-events:none}.location-building{position:relative;width:116px;height:130px;margin-bottom:26px;color:#88979f}.location-pin{width:44px;height:44px;background:var(--brand);display:grid;place-items:center;color:white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:absolute;right:-12px;top:-13px;box-shadow:0 6px 14px #ce263626}.location-pin svg{width:23px;height:23px;transform:rotate(45deg)}.location-visual strong{font-size:22px;position:relative;font-weight:600}.location-visual p{position:relative;font-size:14px;color:#59666f;margin-top:9px}.location-visual .map-external{position:relative;margin-top:24px;background:white;padding:13px 22px;display:flex;align-items:center;gap:32px;font-size:14px;border:1px solid #d1d8dc}.location-info .section-label{margin-bottom:22px}.location-info h2{font-size:30px;font-weight:600;line-height:1.45}.location-info address{font-style:normal;font-size:18px;line-height:1.9;margin-top:20px}.location-contact{margin:25px 0 0}.location-contact>div{display:grid;grid-template-columns:80px 1fr;padding:16px 0;border-bottom:1px solid var(--line);gap:18px;font-size:15px}.location-contact dt{color:var(--muted)}.location-contact dd{margin:0;font-weight:500}.address-copy{margin-top:18px;display:inline-flex;gap:20px;align-items:center;min-height:44px;background:white;border:1px solid #bec7cd;padding:8px 17px;font-size:14px}.copy-status{min-height:23px;font-size:13px;color:var(--brand);margin-top:7px}.visit-guide{display:grid;grid-template-columns:1fr 2.15fr;gap:64px;margin-top:65px;padding-top:35px;border-top:1px solid var(--ink)}.visit-guide h2{font-size:23px;font-weight:600}.visit-guide p{font-size:16px;color:var(--muted);line-height:1.9}.map-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.map-actions a{min-height:50px;display:flex;align-items:center;gap:28px;border:1px solid var(--line);padding:10px 19px;font-size:14px}.map-actions a:first-child{background:var(--ink);color:white;border-color:var(--ink)}
.cert-dialog{border:0;padding:0;width:min(760px,calc(100% - 32px));max-height:90vh;background:#fff;color:var(--ink)}.cert-dialog::backdrop{background:#0a121bd9}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;padding:14px 20px;border-bottom:1px solid var(--line);gap:20px}.dialog-toolbar h2{font-size:17px;font-weight:600}.dialog-close{width:44px;height:44px;background:var(--paper);font-size:25px}.cert-dialog>img{width:100%;height:auto;padding:15px 30px 30px}
@media(min-width:1700px){.company-hero-inner{min-height:440px;padding-bottom:75px}.company-hero h1{font-size:64px}.breadcrumb{margin-bottom:60px}.company-section{padding-block:112px}}
@media(max-width:1250px){.container{width:calc(100% - 88px)}.desktop-nav{gap:30px}.brand-name{font-size:15px}.header-action{font-size:14px;gap:12px}.section-grid,.history-body,.visit-guide{grid-template-columns:.8fr 2fr;gap:40px}.quality-grid{gap:60px}.expertise-grid{gap:48px}.section-title{font-size:38px}.company-facts{gap:15px}.company-facts>div{padding-left:18px}.company-facts dd{font-size:16px}.location-layout{gap:44px}}
@media(max-width:950px){.container{width:calc(100% - 56px)}.desktop-nav{gap:23px;font-size:14px}.brand-name,.header-action{display:none}.site-header{height:80px}.company-tabs{top:80px}.company-tabs a{min-width:180px;min-height:66px;font-size:16px}.company-hero-inner{min-height:350px}.company-hero h1{font-size:48px}.company-section{padding-block:75px}.section-grid{grid-template-columns:1fr;gap:28px}.section-title{font-size:36px}.company-facts{grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.company-facts>div{padding:0;border:0}.expertise-grid{grid-template-columns:1fr;gap:38px}.expertise-photo{min-height:400px}.expertise-copy{padding:0}.quality-grid{grid-template-columns:1.3fr .8fr;gap:35px}.quality-section .section-title{font-size:32px}.cert-view{padding:15px 18px}.company-cta h2{font-size:26px}.cta-link{gap:30px}.history-body{grid-template-columns:.65fr 2fr;gap:30px}.history-year{font-size:66px}.timeline{padding-left:32px}.timeline-entry:before{left:-39px}.location-layout{grid-template-columns:1fr}.location-visual{min-height:370px}.location-info h2{font-size:28px}.visit-guide{grid-template-columns:1fr;gap:20px}.company-cta .container{align-items:flex-start;flex-direction:column}.footer-brainall .footer-links{grid-column:auto}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.site-header{height:72px}.brand img{width:84px}.menu-button{display:block}.desktop-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:16px 24px 24px;border-bottom:1px solid var(--line);height:auto;box-shadow:0 10px 20px #18232c08}.desktop-nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.desktop-nav>a{padding:13px 0}.company-tabs{top:72px}.company-tabs .container{width:100%}.company-tabs a{flex:1;min-width:0;min-height:60px;font-size:15px}.company-hero-inner{min-height:300px;padding-top:22px;padding-bottom:43px}.breadcrumb{font-size:12px;margin-bottom:34px;gap:9px}.hero-label{font-size:11px}.company-hero h1{font-size:40px;margin-block:16px}.company-hero p{font-size:15px;max-width:280px}.company-section{padding-block:56px}.section-label{font-size:14px}.section-grid{gap:23px}.section-title{font-size:29px}.intro-copy{font-size:15px;margin-top:20px}.company-facts{grid-template-columns:1fr 1fr;padding-block:23px;gap:25px 16px;margin-top:30px}.company-facts dt{font-size:13px;margin-bottom:8px}.company-facts dd{font-size:15px}.company-facts dd small{font-size:12px}.expertise-photo{min-height:360px;border-top-right-radius:65px}.expertise-photo figcaption{left:25px;bottom:28px;font-size:25px}.expertise-photo figcaption span{font-size:11px}.expertise-copy .section-title{font-size:29px}.expertise-list li{grid-template-columns:26px 1fr;padding-block:21px}.expertise-list h3{font-size:20px}.expertise-list p{font-size:14px}.quality-grid{grid-template-columns:1fr;gap:35px}.quality-section .section-title{font-size:29px}.cert-data>div{grid-template-columns:77px 1fr;gap:10px;font-size:13px}.cert-view{max-width:270px;padding:20px 26px}.company-cta{border-radius:28px 28px 0 0;padding:40px 0}.company-cta h2{font-size:25px}.company-cta p{font-size:14px}.cta-link{width:100%;min-height:56px}.back-top{right:14px;bottom:16px;width:40px;height:40px}.history-intro{padding-bottom:34px}.history-body{grid-template-columns:1fr;gap:30px}.history-year{font-size:64px}.history-year small{margin-top:14px;font-size:14px}.timeline{margin-left:7px;padding-bottom:12px}.timeline-entry h3{font-size:24px}.timeline-entry p{font-size:14px}.history-note{font-size:13px}.location-visual{padding:30px 20px;min-height:350px}.location-visual strong{font-size:20px}.location-visual p{font-size:13px}.location-info h2{font-size:26px}.location-info address{font-size:16px}.visit-guide{margin-top:36px;padding-top:25px}.visit-guide p{font-size:14px}.map-actions a{flex:1;gap:20px;justify-content:space-between}.dialog-toolbar{padding:8px 14px}.dialog-toolbar h2{font-size:15px}.cert-dialog>img{padding:8px}}

/* Spread each subpage menu evenly across its content width. */
nav.company-tabs:not(.solution-tabs) .container{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
nav.company-tabs:not(.solution-tabs) a{min-width:0;text-align:center;padding-inline:10px}

/* Compact company history while preserving its full chronology. */
.history-intro{padding-bottom:32px}
.history-intro .section-title{font-size:34px;line-height:1.45}
.history-intro .intro-copy{font-size:15px;line-height:1.8;margin-top:18px}
.history-timeline .history-body{grid-template-columns:minmax(160px,.55fr) minmax(0,2.45fr);gap:40px}
.history-timeline .history-body+.history-body{margin-top:36px;padding-top:36px}
.history-timeline .history-year{font-size:56px}
.history-timeline .history-year small{font-size:13px;line-height:1.7;margin-top:16px}
.history-timeline .timeline{padding-left:28px;padding-bottom:0}
.history-timeline .timeline-entry{padding-top:4px}
.history-timeline .timeline-entry:before{left:-35px;top:9px}
.history-timeline .timeline-entry+.timeline-entry{margin-top:20px;padding-top:20px}
.history-timeline .timeline-entry+.timeline-entry:before{top:25px}
.history-timeline .timeline-entry h3{font-size:22px;line-height:1.5;margin:10px 0 8px}
.history-timeline .timeline-entry p{font-size:15px;line-height:1.8}
.history-timeline .timeline-date-row{min-height:20px}
.history-timeline .timeline-date{font-size:13px}
@media(max-width:950px){.history-timeline .history-body{grid-template-columns:minmax(130px,.6fr) minmax(0,2fr);gap:28px}}
@media(max-width:600px){
 .history-intro .section-title{font-size:28px}
 .history-timeline .history-body{grid-template-columns:1fr;gap:20px}
 .history-timeline .history-body+.history-body{margin-top:28px;padding-top:28px}
 .history-timeline .history-year{font-size:44px}
 .history-timeline .history-year small{margin-top:10px}
 .history-timeline .timeline-entry h3{font-size:20px}
 .history-timeline .timeline-entry p{font-size:14px}
}