:root{--navy:#081f34;--navy2:#103a5a;--navy3:#102b42;--accent:#149cf5;--green:#8dbf46;--text:#142335;--muted:#657181;--border:#e7ebf0;--bg:#f6f9fb;--max:1350px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;font-family:'Noto Sans KR','Malgun Gothic',system-ui,-apple-system,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 88px));margin-inline:auto}.skip-link{position:absolute;left:8px;top:-100px;z-index:1000;background:#fff;padding:10px}.skip-link:focus{top:8px}.preview-ribbon{background:#eaf3fa;color:#275270;text-align:center;font-size:11px;font-weight:700;letter-spacing:.095em;padding:5px}.status-dot{display:inline-block;width:7px;height:7px;background:#36a5e7;border-radius:50%;margin-right:8px}
.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #eef0f2;backdrop-filter:blur(15px);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 4px 24px rgba(7,30,56,.06)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand>img{width:108px;height:69px;object-fit:contain}.brand-copy{display:none;line-height:1.1}.brand-copy strong{font-size:21px;letter-spacing:-1px;color:#13517c}.brand-copy small{display:block;margin-top:6px;font-size:8px;letter-spacing:1px;color:#8494a4}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2vw,38px);font-size:14px;font-weight:700;white-space:nowrap}.desktop-nav a{position:relative;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#0b8cce}.desktop-nav a:after{content:'';height:2px;position:absolute;left:0;right:100%;bottom:-9px;background:var(--accent);transition:right .2s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.header-contact{padding:11px 18px;border-radius:9px;background:#0d4266;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}.header-contact span{margin-left:18px}.menu-toggle{display:none;background:none;border:0;padding:7px}.menu-toggle span{display:block;width:25px;height:2px;background:#193b56;margin:5px 0}.mobile-nav{display:none}
.hero{background:radial-gradient(ellipse at 30% 40%,#15547a 0%,#0b2a45 39%,#061b2c 100%);color:white;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#9ecbe41c 1px,transparent 1px),linear-gradient(90deg,#9ecbe41c 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,black,transparent 85%)}.hero:before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(115,197,240,.11);left:-330px;bottom:-430px;box-shadow:0 0 0 80px rgba(9,95,143,.06),0 0 0 180px rgba(9,95,143,.035)}.hero-inner{min-height:650px;display:grid;grid-template-columns:47% 53%;gap:24px;align-items:center;padding-top:70px;padding-bottom:82px;position:relative}.eyebrow{color:#0f7fbd;font-size:12px;letter-spacing:2.1px;font-weight:800;display:flex;align-items:center;gap:13px;margin:0 0 25px}.eyebrow span{width:24px;height:2px;background:var(--accent)}.eyebrow.light{color:#afd8f0}.hero-content{position:relative;z-index:2}.hero h1{font-size:clamp(46px,5vw,78px);letter-spacing:-.067em;line-height:1.3;margin:0 0 23px;font-weight:900}.hero h1 em{font-style:normal;color:#39aeff}.hero-desc{font-size:clamp(16px,1.6vw,21px);font-weight:500;letter-spacing:-.025em;line-height:1.85;color:#e3edf4;margin:0 0 14px}.hero-en{font-size:11px;color:#a3c4d9;letter-spacing:1.6px;margin:0}.hero-en b{color:#58b6ec;margin:0 6px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;border-radius:8px;padding:15px 20px;font-size:14px;font-weight:800;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:#139df4;color:white;box-shadow:0 10px 26px #03172729}.button-primary:hover{background:#25aeff}.button-outline{border:1px solid #b3d0e1b8;color:#fff;background:#ffffff08}.button-outline:hover{background:#ffffff23}.button span{font-size:21px;line-height:1}.hero-foot{margin-top:64px;display:flex;gap:28px;align-items:center}.hero-foot div{display:flex;align-items:center;gap:11px}.hero-foot strong{font-size:31px;line-height:1;color:#fff}.hero-foot span{font-size:9px;letter-spacing:1.1px;line-height:1.4;color:#aac8dc;max-width:90px}.hero-foot i{height:26px;border-left:1px solid #6c849a77}.hero-composition{height:min(525px,41vw);min-height:395px;display:grid;grid-template-columns:1.1fr .78fr;grid-template-rows:1fr 1fr;gap:13px;position:relative;filter:drop-shadow(0 18px 24px rgba(0,0,0,.16))}.hero-photo{overflow:hidden;position:relative;border-radius:13px;background:#29465d;border:1px solid rgba(255,255,255,.15)}.hero-photo:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,14,29,.76))}.hero-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.hero-photo:hover img{transform:scale(1.05)}.hero-photo-main{grid-row:span 2}.hero-photo-main img{object-position:44% center}.hero-photo-top img{object-position:50% 44%}.hero-photo-bottom img{object-position:55% 50%}.photo-label{position:absolute;bottom:21px;left:22px;z-index:1}.photo-label small{display:block;letter-spacing:1.2px;color:#aadafc;font-size:10px;font-weight:700;margin-bottom:4px}.photo-label strong{font-size:21px;letter-spacing:-.05em}.hero-photo-main .photo-label strong{font-size:27px}.hero-composition-caption{position:absolute;top:-28px;right:3px;letter-spacing:1.8px;color:#b2d7ec;font-size:9px}.hero-composition-caption span{font-size:15px;margin-left:10px}.hero-scroll{color:#acc9dd;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;font-weight:700;white-space:nowrap}.hero-scroll span{font-size:17px;margin-left:14px}.ticker{background:#0b9be9;color:white;overflow:hidden}.ticker div{max-width:var(--max);width:calc(100% - 88px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0}.ticker span{font-size:11px;font-weight:800;letter-spacing:1.2px;white-space:nowrap}.ticker i{font-size:12px;opacity:.62;font-style:normal}
.section{padding:112px 0}.section-title{margin:0;font-size:clamp(31px,3.5vw,53px);line-height:1.45;letter-spacing:-.064em;font-weight:900}.section-title em{font-style:normal;color:#0d8fda}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:end}.about-right{font-size:18px;color:#4e6275;line-height:1.95}.about-right p{margin:0 0 12px}.about-right strong{color:#203e58}.text-link{display:inline-flex;align-items:center;gap:37px;border-bottom:1px solid #297cad;color:#12699c;font-size:14px;font-weight:800;padding-bottom:5px;margin-top:13px}.text-link span{font-size:23px;transition:transform .2s}.text-link:hover span{transform:translateX(6px)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8e1e8;margin-top:77px}.info-feature{border-right:1px solid #dde5ec;padding:28px 25px 0}.info-feature:first-child{padding-left:0}.info-feature:last-child{border-right:0}.info-number{display:block;color:#90b7cf;font-size:13px;font-weight:800}.info-feature strong{display:block;font-size:22px;margin:10px 0 8px;letter-spacing:-.05em}.info-feature p{color:#7c8996;font-size:13px;margin:0}
.process-section{background:#f2f7fa}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.section-heading>p{color:#728192;font-size:15px;max-width:340px;line-height:1.9;margin:0 0 9px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.process-card{height:330px;position:relative;background:#122f47;border:0;color:#fff;overflow:hidden;text-align:left;padding:0;border-radius:4px}.process-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.82)}.process-card:after{content:'';position:absolute;inset:10% 0 0;background:linear-gradient(0deg,rgba(2,22,38,.96) 1%,rgba(6,32,48,.48) 45%,transparent 100%)}.process-card:hover img{transform:scale(1.06)}.process-over{position:absolute;z-index:2;bottom:24px;left:18px;right:10px;display:flex;flex-direction:column;line-height:1.4}.process-over small{color:#9dd6fa;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:9px}.process-over strong{font-size:19px;letter-spacing:-.05em}.process-over em{font-style:normal;color:#bac9d5;font-size:8px;letter-spacing:.55px;margin-top:6px}.card-arrow{position:absolute;top:12px;right:13px;z-index:3;background:#ffffff40;padding:3px 10px;border-radius:20px;font-size:16px}.process-note,.product-caution{font-size:12px;color:#8794a1;margin-top:18px}
.factories-section{background:white}.factory-list{display:grid;gap:26px}.factory-card{border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1.06fr .94fr;background:#eff5f8;min-height:375px}.factory-card-reverse .factory-image{order:2}.factory-image{position:relative;background:#e4eff5;min-height:375px;overflow:hidden;display:grid;place-items:center}.factory-image img{width:100%;height:100%;position:absolute;object-fit:cover}.factory-image-one{background:#e4ebf0}.factory-image-one img{object-fit:cover;object-position:center center;width:100%;height:100%;mix-blend-mode:normal;padding:0}.factory-image-caption{position:absolute;bottom:16px;left:18px;font-size:11px;color:#274357;background:#ffffffe8;padding:5px 10px;border-radius:4px}.factory-copy{padding:60px clamp(24px,4vw,80px);display:flex;flex-direction:column;justify-content:center}.factory-index{font-size:12px;letter-spacing:1.2px;font-weight:800;color:#178aca}.factory-index i{display:inline-block;height:1px;width:28px;vertical-align:middle;background:#91acbf;margin:0 10px}.factory-copy h3{font-size:36px;letter-spacing:-.06em;margin:9px 0}.factory-copy p{color:#5c7284;font-size:16px;line-height:1.9;max-width:470px;margin:0}.factory-tags{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 9px}.factory-tags span{background:white;border:1px solid #e0e8ee;border-radius:24px;padding:4px 11px;font-size:12px;color:#526b7f}
.quality-section{background:linear-gradient(125deg,#09263e,#103955 70%,#123b4e);color:white}.quality-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.light-title{color:white}.light-title em{color:#37b5fc}.quality-lead>p:not(.eyebrow){color:#c4d4df;font-size:16px;line-height:1.9;max-width:490px}.quality-lead .muted-small{font-size:11px!important;color:#9fb7c9!important;margin-bottom:26px}.quality-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quality-card{background:#fff;color:var(--text);padding:0;border:0;text-align:left;border-radius:8px;overflow:hidden}.quality-card img{width:100%;height:245px;object-fit:cover;transition:transform .5s}.quality-card:hover img{transform:scale(1.05)}.quality-card span{padding:18px;display:block}.quality-card strong{font-size:19px;display:block}.quality-card small{font-size:12px;color:#758899}
.product-section{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{padding:0;border:1px solid #edf1f4;border-radius:10px;background:white;text-align:left;overflow:hidden;box-shadow:0 10px 35px #142c410a}.product-shot{height:268px;overflow:hidden}.product-shot img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover img{transform:scale(1.05)}.product-meta{padding:22px 25px;display:grid;gap:6px}.product-meta small{font-size:10px;color:#188bd0;letter-spacing:1.25px;font-weight:800}.product-meta strong{font-size:20px}.product-meta>span{color:#8495a2;font-size:12px}
.contact-section{padding:110px 0;background:linear-gradient(115deg,#072136 40%,#0a476a);color:#fff}.contact-inner{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:85px}.contact-inner h2{font-size:clamp(35px,4vw,57px);line-height:1.45;letter-spacing:-.06em;margin:0}.contact-inner h2 em{font-style:normal;color:#41baff}.contact-inner>div>p:last-child{color:#c0d6e3;font-size:16px;margin-top:20px}.contact-panel{background:#ffffff0d;border:1px solid #ffffff3c;padding:32px;border-radius:13px}.contact-panel-kicker{color:#91c4e4;font-size:11px;letter-spacing:1.6px;font-weight:800}.contact-panel h3{font-size:25px;margin:10px 0}.contact-verify{background:#0a3f5c;padding:11px 14px;border-left:3px solid #44b6ec;color:#d5eafa;font-size:12px;line-height:1.9}.contact-panel dl{display:grid;grid-template-columns:100px 1fr;row-gap:15px;font-size:14px}.contact-panel dt{color:#a9bed0}.contact-panel dd{margin:0;font-weight:700;overflow-wrap:anywhere}.contact-panel a:hover{text-decoration:underline}.site-footer{padding:42px 0 19px;background:#f6f9fb}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-logo{display:flex;align-items:center;gap:15px}.footer-logo img{width:85px}.footer-logo span{font-weight:800;line-height:1.5}.footer-logo small{font-weight:600;font-size:10px;color:#7c8d9c}.footer-grid>div:nth-child(2){font-size:12px;color:#5d7184}.footer-grid>div:nth-child(2) p{margin:2px 0}.footer-grid>div:nth-child(2) small{font-size:9px;color:#8796a5}.back-to-top{border:1px solid #dbe5ed;border-radius:50%;padding:13px;font-size:12px;font-weight:800}.footer-notice{padding-top:22px;border-top:1px solid #e0e8ed;color:#92a0ad;font-size:11px;margin-top:25px}
.image-dialog{border:none;border-radius:12px;padding:0;width:min(1000px,94vw);max-height:90vh;background:#fff;box-shadow:0 25px 90px #0005;overflow:auto}.image-dialog::backdrop{background:rgba(0,15,28,.86)}.image-dialog figure{margin:0}.image-dialog figure img{width:100%;max-height:75vh;object-fit:contain;background:#eef2f5}.image-dialog figcaption{padding:16px 23px;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.image-dialog figcaption strong{font-size:18px}.image-dialog figcaption span{color:#6f8090;font-size:12px}.dialog-close{position:absolute;right:14px;top:12px;z-index:10;color:#fff;background:#102c45d9;border:none;border-radius:50%;font-size:25px;width:42px;height:42px;line-height:1}
@media(max-width:1170px){.desktop-nav{gap:14px;font-size:12px}.hero-inner{grid-template-columns:.9fr 1.1fr}.hero h1{font-size:52px}.photo-label strong{font-size:18px}.hero-photo-main .photo-label strong{font-size:21px}.hero-composition{min-height:360px}.process-over strong{font-size:16px}.process-over{left:12px}.process-card{height:285px}.factory-copy{padding:42px 28px}}
@media(max-width:900px){.container{width:min(var(--max),calc(100% - 42px))}.site-header{height:76px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block}.brand>img{width:89px;height:60px}.brand-copy{display:block}.mobile-nav{display:grid;position:absolute;top:76px;left:0;right:0;padding:12px 22px 20px;background:#fff;box-shadow:0 20px 24px #0b203521;gap:0}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px 6px;border-bottom:1px solid #ecf0f3;font-weight:700}.hero-inner{grid-template-columns:1fr;gap:46px;padding:78px 0 85px}.hero h1{font-size:clamp(41px,6vw,65px)}.hero-foot{margin-top:40px}.hero-composition{height:380px;min-height:0}.hero-scroll{bottom:15px}.ticker div{width:calc(100% - 42px);gap:30px;overflow:auto;scrollbar-width:none}.section{padding:82px 0}.about-grid{grid-template-columns:1fr;gap:24px}.about-right{font-size:16px}.info-grid{margin-top:42px}.info-feature{padding:20px 13px}.info-feature strong{font-size:17px}.section-heading{align-items:start}.process-grid{grid-template-columns:repeat(3,1fr);gap:9px}.process-card{height:265px}.process-card:nth-child(4),.process-card:nth-child(5){height:245px}.factory-card{grid-template-columns:1fr 1fr}.factory-copy{padding:26px}.factory-copy p{font-size:14px}.factory-copy h3{font-size:30px}.quality-layout{grid-template-columns:1fr;gap:25px}.quality-lead>p:not(.eyebrow){max-width:unset}.contact-inner{gap:35px}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.preview-ribbon{font-size:9px;padding:5px 0}.preview-detail{display:none}.hero-inner{padding-top:64px;padding-bottom:73px;gap:55px}.hero h1{font-size:clamp(38px,9vw,55px);line-height:1.3}.hero-desc{font-size:15px}.hero-en{font-size:9px;letter-spacing:1.1px}.hero-actions{gap:9px;margin-top:26px}.button{font-size:12px;padding:13px 14px;gap:17px}.hero-foot{gap:19px;margin-top:30px}.hero-foot strong{font-size:25px}.hero-foot span{font-size:8px}.hero-composition{height:285px;grid-template-columns:1fr .78fr;gap:7px}.hero-photo{border-radius:7px}.photo-label{bottom:11px;left:10px}.photo-label small{font-size:8px;letter-spacing:0}.photo-label strong,.hero-photo-main .photo-label strong{font-size:13px}.hero-composition-caption{top:-24px}.hero-scroll{display:none}.ticker div{padding:12px 0}.ticker span{font-size:9px}.section{padding:65px 0}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:16px}.section-title{font-size:clamp(29px,7vw,39px)}.about-right{font-size:14px}.info-grid{grid-template-columns:repeat(2,1fr)}.info-feature{border-bottom:1px solid #dde5ec;padding:18px 10px!important}.info-feature:nth-child(2){border-right:0}.info-feature:nth-child(n+3){border-bottom:0}.info-feature strong{font-size:17px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:13px;margin-top:15px}.process-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}.process-card,.process-card:nth-child(4),.process-card:nth-child(5){min-width:210px;width:210px;height:310px;scroll-snap-align:start;flex:none}.process-over strong{font-size:18px}.process-note,.product-caution{font-size:11px}.factory-card{grid-template-columns:1fr}.factory-card-reverse .factory-image{order:0}.factory-image{min-height:245px;height:270px}.factory-copy{padding:30px 25px 38px}.factory-copy h3{font-size:29px}.factory-copy p{font-size:14px}.quality-cards{gap:10px}.quality-card img{height:150px}.quality-card span{padding:13px}.quality-card strong{font-size:15px}.quality-card small{font-size:10px}.product-grid{grid-template-columns:1fr;gap:18px}.product-shot{height:260px}.product-meta{padding:17px}.contact-section{padding:65px 0}.contact-inner{grid-template-columns:1fr;gap:23px}.contact-inner h2{font-size:34px}.contact-panel{padding:23px}.footer-grid{flex-wrap:wrap}.footer-logo{width:100%}.footer-grid>div:nth-child(2){flex:1}.footer-notice{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* v3 — four hero photos; separate slitting and pouch converting cards */
.hero-composition{grid-template-rows:repeat(3,minmax(0,1fr))}
.hero-photo-main{grid-row:1 / 4}
.hero-photo-top{grid-column:2;grid-row:1}
.hero-photo-slitting{grid-column:2;grid-row:2}
.hero-photo-bottom{grid-column:2;grid-row:3}
.hero-photo-slitting img{object-position:49% center}
.hero-photo-top .photo-label,.hero-photo-slitting .photo-label,.hero-photo-bottom .photo-label{left:14px;bottom:12px}
.hero-photo-top .photo-label strong,.hero-photo-slitting .photo-label strong,.hero-photo-bottom .photo-label strong{font-size:16px}
.hero-photo-top .photo-label small,.hero-photo-slitting .photo-label small,.hero-photo-bottom .photo-label small{font-size:8px;letter-spacing:.8px}
@media(max-width:1170px){.hero-photo-top .photo-label strong,.hero-photo-slitting .photo-label strong,.hero-photo-bottom .photo-label strong{font-size:14px}}
@media(max-width:900px){.process-card:nth-child(4),.process-card:nth-child(5),.process-card:nth-child(6){height:265px}}
@media(max-width:640px){
.hero-composition{height:345px;grid-template-columns:1.12fr .9fr;gap:7px}
.hero-photo-top .photo-label,.hero-photo-slitting .photo-label,.hero-photo-bottom .photo-label{left:8px;bottom:7px}
.hero-photo-top .photo-label strong,.hero-photo-slitting .photo-label strong,.hero-photo-bottom .photo-label strong{font-size:12px}
.hero-photo-top .photo-label small,.hero-photo-slitting .photo-label small,.hero-photo-bottom .photo-label small{font-size:7px;margin-bottom:2px}
.process-card:nth-child(4),.process-card:nth-child(5),.process-card:nth-child(6){min-width:210px;width:210px;height:310px}
}

/* v4 - Premium photographic gallery / Quality First */
.process-card{border-radius:16px;box-shadow:0 15px 32px rgba(14,52,84,.13);outline-offset:4px;transition:transform .26s ease,box-shadow .26s ease}
.process-card:hover,.process-card:focus-visible{transform:translateY(-6px);box-shadow:0 22px 44px rgba(12,43,68,.22)}
.factory-image{border-radius:20px;overflow:hidden;box-shadow:0 16px 38px rgba(8,36,63,.12)}
.factory-card{overflow:visible}
.product-card{border-radius:17px;box-shadow:0 16px 38px rgba(15,53,83,.10);transition:transform .24s,box-shadow .24s}
.product-card:hover,.product-card:focus-visible{transform:translateY(-5px);box-shadow:0 24px 50px rgba(15,53,83,.18)}
.quality-revamp{background:#fff;overflow:hidden}
.quality-top{background:linear-gradient(112deg,#061a2b 0%,#103951 60%,#134560 100%);color:#fff;padding:94px 0 100px;position:relative}
.quality-top:before{content:'';position:absolute;right:-20%;bottom:-90%;width:900px;height:900px;border:1px solid #a5def416;border-radius:50%;box-shadow:0 0 0 100px #a5def409,0 0 0 210px #a5def404;pointer-events:none}
.quality-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;position:relative}
.quality-intro .section-title{font-size:clamp(35px,3.5vw,51px);line-height:1.4}
.quality-intro-description{color:#d3e3ec;line-height:1.95;max-width:510px;font-size:16px;margin:24px 0 24px}
.quality-pill-list{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}
.quality-pill-list span{padding:8px 13px;border-radius:100px;background:#ffffff12;border:1px solid #d4edfc33;color:#d7edff;font-size:12px;font-weight:700}
.quality-hero-board{border:1px solid #ffffff46;background:#ffffff0b;padding:17px;border-radius:24px;box-shadow:0 28px 85px #02122063;backdrop-filter:blur(6px);transform:rotate(0.8deg)}
.quality-board-title{display:flex;justify-content:space-between;align-items:center;color:#bcdff1;font-size:10px;letter-spacing:2px;margin:0 5px 14px}
.quality-board-title strong{color:#fff;font-size:10px}
.quality-board-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:182px 160px;gap:11px}
.quality-board-shot{position:relative;border:0;background:#132e42;overflow:hidden;padding:0;border-radius:13px;color:white;text-align:left}
.quality-board-shot-primary{grid-row:span 2}
.quality-board-shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.quality-board-shot:hover img{transform:scale(1.07)}
.quality-board-shot:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061e35d9);pointer-events:none}
.quality-board-shot span{position:absolute;left:16px;bottom:13px;right:15px;z-index:1;font-size:10px;color:#cfeeff;display:flex;align-items:center;gap:9px}
.quality-board-shot span strong{color:white;font-size:17px}
.quality-board-shot span i{margin-left:auto;font-style:normal;font-size:23px}
.quality-cms-board{background:linear-gradient(120deg,#eaf6ff,#e0edf2);border-radius:13px;color:#103850;padding:12px 18px;position:relative;overflow:hidden}
.quality-cms-kicker{font-size:9px;color:#65859b;letter-spacing:1.5px;font-weight:900;display:block}
.quality-cms-board>strong{display:block;font-size:37px;letter-spacing:-2px;line-height:1.25;margin-top:5px}.quality-cms-board p{font-size:12px;margin:0;color:#3c647b;font-weight:700}.quality-cms-board small{display:block;font-size:9px;margin-top:9px;color:#7899ab}
.quality-cms-mark{position:absolute;right:14px;top:25px;display:flex;gap:3px;transform:rotate(-15deg)}
.quality-cms-mark i{display:block;width:13px;height:44px;border-radius:3px;background:#007fc2}.quality-cms-mark i:nth-child(2){background:#dd627b}.quality-cms-mark i:nth-child(3){background:#e6bd38}.quality-cms-mark i:nth-child(4){background:#1a9979}
.quality-photo-section{padding-top:104px;padding-bottom:88px}
.qc-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}
.qc-section-heading h3{font-size:clamp(29px,3vw,45px);letter-spacing:-.06em;line-height:1.3;margin:0 0 11px}.qc-section-heading h3 em{font-style:normal;color:#0b93df}
.qc-section-heading p:not(.eyebrow){font-size:14px;color:#738699;line-height:1.9;margin:0}
.qc-count{flex:none;border-top:1px solid #bcd3e0;padding-top:14px;color:#88a3b7;font-weight:800;font-size:10px;letter-spacing:1px}
.qc-count strong{display:block;font-size:36px;color:#0e4d76;line-height:1.25}
.quality-cms-feature{display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:19px;align-items:center;background:linear-gradient(100deg,#edf6fc,#f8fcff);border:1px solid #dbeaf5;border-radius:20px;padding:24px 27px;margin-bottom:26px;box-shadow:0 11px 30px #0c4f7810}
.quality-cms-symbol{height:82px;width:82px;border-radius:17px;background:#113e60;display:flex;align-items:center;justify-content:center;position:relative;color:white;box-shadow:0 12px 25px #062f5440}
.quality-cms-symbol span{font-weight:900;font-size:22px;letter-spacing:-1px}.quality-cms-symbol i{position:absolute;bottom:13px;left:20px;right:20px;height:4px;border-radius:4px;background:linear-gradient(90deg,#60aade 25%,#ef8197 25% 50%,#edc74d 50% 75%,#6bcab0 75%)}
.quality-cms-feature small{color:#4e9bc1;letter-spacing:1.3px;font-size:10px;font-weight:900}
.quality-cms-feature strong{font-size:21px;display:block;line-height:1.4;margin:3px 0 5px}
.quality-cms-feature p{font-size:13px;color:#597182;margin:0;line-height:1.8}
.quality-cms-feature-label{border:1px solid #d9e7f0;border-radius:100px;padding:7px 10px;white-space:nowrap;color:#7197aa;font-size:11px}
.quality-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.qc-photo-card{display:block;width:100%;padding:8px;border:1px solid #e6edf2;border-radius:19px;background:#fff;text-align:left;overflow:hidden;box-shadow:0 12px 30px rgba(8,38,64,.08);transition:transform .26s,box-shadow .26s,border-color .26s}
.qc-photo-card:hover,.qc-photo-card:focus-visible{transform:translateY(-6px);box-shadow:0 24px 45px rgba(8,38,64,.17);border-color:#b6d8eb}
.qc-photo-figure{height:210px;display:block;position:relative;border-radius:13px;overflow:hidden;background:#edf3f7}
.qc-photo-figure>img{height:100%;width:100%;object-fit:cover;transition:transform .65s}
.qc-photo-card:hover img{transform:scale(1.055)}
.qc-zoom{position:absolute;bottom:12px;right:12px;background:#082c46cf;color:white;border-radius:30px;font-size:10px;padding:7px 12px;font-weight:800}
.qc-frame-corner{position:absolute;top:7px;left:14px;color:white;text-shadow:0 1px 5px #061a2c;opacity:.9;font-size:25px;pointer-events:none}
.qc-photo-info{display:grid;padding:14px 9px 12px;gap:4px}.qc-photo-info>small{font-size:10px;color:#5d8eab;font-weight:800;letter-spacing:.8px}.qc-photo-info>strong{font-size:18px;color:#122f48;line-height:1.45;letter-spacing:-.045em}.qc-photo-info>span{font-size:11px;color:#8a9bac}.qc-photo-info>span b{font-size:15px;color:#149be4;float:right}
.quality-entry-row{margin-top:22px}
.quality-entry-card{display:flex;align-items:center;gap:20px;width:100%;text-align:left;border:1px solid #e2ebf1;border-radius:18px;padding:10px;background:#f7fafc;box-shadow:0 8px 24px #092f4c0c;transition:transform .25s}
.quality-entry-card:hover{transform:translateY(-3px)}
.quality-entry-card>img{height:135px;width:35%;max-width:360px;object-fit:cover;border-radius:12px}
.quality-entry-card>span{display:grid;gap:3px;padding:10px}
.quality-entry-card small{font-size:10px;font-weight:800;color:#6193b0;letter-spacing:1px}.quality-entry-card strong{font-size:23px;color:#0b3454}.quality-entry-card em{font-style:normal;font-size:12px;color:#738899}.quality-entry-card b{font-size:12px;color:#118ad1}
.quality-secondary-section{background:#f2f7fb;padding:84px 0 95px}
.quality-disclaimer{font-size:11px;color:#7d8b98;line-height:1.75;margin-top:27px}
@media(max-width:1050px){.quality-intro-grid{grid-template-columns:1fr;gap:40px}.quality-top{padding:75px 0}.quality-hero-board{max-width:670px;transform:none}.quality-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.quality-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quality-photo-section{padding-top:68px;padding-bottom:65px}.quality-secondary-section{padding:64px 0}.qc-section-heading{align-items:start}.qc-count strong{font-size:28px}.quality-cms-feature{grid-template-columns:70px 1fr;gap:13px;padding:17px}.quality-cms-symbol{width:68px;height:68px}.quality-cms-symbol span{font-size:19px}.quality-cms-feature-label{grid-column:2;justify-self:start}.quality-cms-feature strong{font-size:17px}.quality-cms-feature p{font-size:12px}.qc-photo-figure{height:165px}.qc-photo-info strong{font-size:15px}.quality-board-grid{grid-template-rows:170px 145px}}
@media(max-width:440px){.qc-section-heading h3{font-size:29px}.qc-count{font-size:9px}.qc-photo-figure{height:130px}.qc-photo-card{padding:5px;border-radius:13px}.qc-photo-figure{border-radius:9px}.qc-photo-info{padding:11px 7px}.qc-photo-info strong{font-size:14px}.qc-photo-info small{font-size:9px}.quality-entry-card>img{width:40%;height:145px}.quality-entry-card strong{font-size:18px}.quality-entry-card em{font-size:10px}.quality-board-grid{grid-template-rows:158px 134px}.quality-cms-board>strong{font-size:29px}.quality-cms-mark{opacity:.5}}

.quality-board-shot-cms img{object-fit:contain;background:linear-gradient(120deg,#f6fbff,#e6f0f5);padding:10px}
.quality-cms-feature{grid-template-columns:170px minmax(0,1fr) auto}
.quality-cms-feature-thumb{display:block;border:0;padding:0;border-radius:18px;overflow:hidden;position:relative;background:#dce9f1;box-shadow:0 12px 28px rgba(7,42,69,.14);height:110px}
.quality-cms-feature-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.quality-cms-feature-thumb span{position:absolute;right:10px;bottom:10px;background:#082c46cf;color:#fff;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:800}
@media(max-width:740px){.quality-cms-feature{grid-template-columns:1fr;gap:13px}.quality-cms-feature-thumb{height:150px}.quality-cms-feature-label{grid-column:auto;justify-self:start}}

/* 6차 시안: quality card grid and dedicated mobile layout */
#quality-one .quality-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#quality-one .qc-photo-figure{height:220px}
#quality-one .qc-photo-info{min-height:94px}
#quality-one .qc-photo-info strong{overflow-wrap:anywhere}
@media(max-width:900px){
  #quality-one .quality-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  #quality-one .qc-photo-figure{height:200px}
}
@media(max-width:640px){
  html{scroll-padding-top:82px}
  .brand-copy strong{font-size:15px}
  .brand-copy small{font-size:8px}
  .hero-composition{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:400px}
  .hero-photo-main{grid-column:1;grid-row:1}
  .hero-photo-top{grid-column:2;grid-row:1}
  .hero-photo-slitting{grid-column:1;grid-row:2}
  .hero-photo-bottom{grid-column:2;grid-row:2}
  .hero-photo-main .photo-label strong,.hero-photo-top .photo-label strong,.hero-photo-slitting .photo-label strong,.hero-photo-bottom .photo-label strong{font-size:13px}
  .hero-photo-main .photo-label small,.hero-photo-top .photo-label small,.hero-photo-slitting .photo-label small,.hero-photo-bottom .photo-label small{font-size:8px}
  .hero-photo-main img{object-position:50% 45%}
  .quality-intro-grid{grid-template-columns:minmax(0,1fr);gap:33px}
  .quality-top{padding:68px 0 75px}
  .quality-hero-board{padding:12px;border-radius:19px;transform:none}
  .quality-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:205px 125px;gap:9px}
  .quality-board-shot-primary{grid-column:span 2;grid-row:1}
  .quality-board-shot-sub{grid-column:1;grid-row:2}
  .quality-board-shot-cms{grid-column:2;grid-row:2}
  .quality-board-shot span{left:10px;bottom:9px;right:10px;font-size:9px;gap:6px}
  .quality-board-shot span strong{font-size:14px}
  .quality-board-shot span i{font-size:17px}
  #quality-one .quality-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #quality-one .qc-photo-figure{height:160px}
  #quality-one .qc-photo-info{min-height:111px}
  #quality-one .qc-photo-info strong{font-size:14px;line-height:1.45}
  #quality-one .qc-photo-info small{letter-spacing:0}
  .quality-cms-feature-thumb img{object-fit:contain;background:#f4f8fb}
  .quality-cms-feature-thumb{height:190px}
  .quality-entry-card{border-radius:18px;overflow:hidden}
  .quality-entry-card img{object-fit:cover}
  .image-dialog{width:min(96vw,900px);max-height:90dvh}
  .image-dialog figure img{max-height:74dvh}
}
@media(max-width:375px){
  #quality-one .quality-photo-grid{grid-template-columns:1fr;gap:16px}
  #quality-one .qc-photo-figure{height:215px}
  #quality-one .qc-photo-info{min-height:0}
  #quality-one .qc-photo-info strong{font-size:17px}
  .hero-composition{height:350px}
}