:root{--red:#b40000;--red-dark:#820000;--ink:#161719;--muted:#696b70;--line:#e7e7e9;--soft:#f5f5f6;--max:1320px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;color:var(--ink);background:#fff;line-height:1.65;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{max-width:var(--max);height:82px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:144px}.nav{display:flex;align-items:center;gap:38px;font-size:18px;font-weight:800;letter-spacing:-.025em}.nav a{padding:12px 0;white-space:nowrap;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--red);transition:.2s}.nav a:hover{color:var(--red)}.nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:12px}.header-catalog{font-size:14px;font-weight:800;border:1px solid #ddd;padding:10px 14px;border-radius:999px}.header-catalog:hover{border-color:#bbb}.menu-btn{display:none;border:0;background:none;font-size:28px;cursor:pointer}
.hero{height:min(820px,84vh);min-height:640px;position:relative;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,11,.80) 0%,rgba(8,9,11,.58) 40%,rgba(8,9,11,.18) 74%,rgba(8,9,11,.05) 100%)}.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:155px 28px 0}.eyebrow,.kicker{margin:0 0 16px;font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--red);text-transform:uppercase}.eyebrow{color:rgba(255,255,255,.75)}.hero h1{font-size:clamp(50px,6vw,82px);line-height:1.02;letter-spacing:-.06em;margin:0 0 28px;max-width:780px}.hero h1 span{font-size:.7em}.hero-copy{font-size:20px;color:rgba(255,255,255,.84);max-width:650px;margin:0 0 34px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:900;transition:.18s}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark);transform:translateY(-1px)}.btn-glass{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.10);color:#fff}.btn-outline{border-color:#d3d3d5;background:#fff;color:#222}.hero-meta{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);width:min(calc(100% - 56px),var(--max));display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.28);padding-top:14px;color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.08em}
.qualification-bar{max-width:var(--max);margin:-35px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #ebebed;border-radius:14px;box-shadow:0 18px 46px rgba(0,0,0,.1);overflow:hidden}.qualification-bar a{padding:24px 28px;border-right:1px solid var(--line)}.qualification-bar a:last-child{border-right:0}.qualification-bar b,.qualification-bar span{display:block}.qualification-bar b{font-size:18px}.qualification-bar span{font-size:13px;color:var(--muted);margin-top:3px}.section{max-width:var(--max);margin:auto;padding:118px 28px}.split-title,.wide-head,.resource-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.split-title h2,.section-head h2,.wide-head h2,.resource-head h2,.education-copy h2,.tech-inner h2,.contact h2{font-size:clamp(38px,4vw,56px);line-height:1.12;letter-spacing:-.05em;margin:0}.split-title>p,.head-side>p,.resource-head>div>p,.education-copy>p,.contact p{font-size:17px;color:var(--muted);margin:0}.head-side{align-self:end}.text-link{display:inline-block;margin-top:18px;font-weight:900;color:var(--red);font-size:14px}
.company-gallery{margin-top:52px;display:grid;grid-template-columns:1.35fr .85fr .85fr;grid-template-rows:290px 290px;gap:14px}.company-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);background:#eee}.gallery-main{grid-row:span 2}.company-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.company-gallery figure:hover img{transform:scale(1.025)}.company-gallery figcaption{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:9px}.company-gallery figcaption b{font-size:12px;letter-spacing:.1em}.company-gallery figcaption span{font-size:12px;color:#777}
.products{padding-top:60px}.filters{margin:36px 0 24px;display:flex;gap:8px;flex-wrap:wrap}.filter,.resource-tab{border:1px solid #ddd;background:#fff;color:#555;border-radius:999px;padding:10px 17px;font-size:13px;font-weight:850;cursor:pointer}.filter:hover,.filter.active,.resource-tab:hover,.resource-tab.active{background:#171719;color:#fff;border-color:#171719}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.product-card:hover,.product-card:focus{outline:none;transform:translateY(-4px);box-shadow:0 15px 34px rgba(0,0,0,.08);border-color:#d5d5d7}.product-card.hidden{display:none}.product-card>img{width:100%;height:235px;object-fit:contain;padding:18px;background:#fafafa}.pcopy{padding:18px 19px 21px}.pcopy span{font-size:11px;font-weight:900;color:var(--red);letter-spacing:.09em}.pcopy h3{font-size:20px;margin:4px 0 1px}.pcopy p{font-size:13px;color:var(--muted);margin:0}.controller-stack{height:235px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#fafafa;padding:18px}.controller-stack img{width:100%;height:100%;object-fit:contain;min-width:0}
.technology-strip{background:#141517;color:#fff}.tech-inner{max-width:var(--max);margin:auto;padding:105px 28px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.kicker-light{color:#ff6d6d}.tech-inner h2{font-size:clamp(38px,4vw,55px)}.tech-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tech-gallery img{width:100%;height:240px;object-fit:cover;border-radius:12px}.tech-gallery img:last-child{grid-column:span 2;height:330px}
.education{padding-top:96px}.education-panel{background:linear-gradient(135deg,#f4f4f5,#fbfbfb);border:1px solid #ececee;border-radius:24px;padding:54px;display:grid;grid-template-columns:.82fr 1.18fr;gap:58px}.education-actions{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.education-docs{display:grid;gap:9px}.education-docs a{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid #e4e4e6;border-radius:12px;padding:16px 18px;transition:.18s}.education-docs a:hover{border-color:#c7c7ca;transform:translateX(3px)}.education-docs>a>span{width:36px;height:36px;border-radius:8px;background:#171719;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.education-docs b,.education-docs small{display:block}.education-docs b{font-size:15px}.education-docs small{font-size:12px;color:#777;margin-top:2px}.education-docs em{font-size:12px;font-style:normal;font-weight:900;color:var(--red)}
.trust{padding-top:80px}.qr-block{margin:44px 0 42px;padding:38px;display:grid;grid-template-columns:1fr 260px;gap:42px;align-items:center;background:#f7f7f8;border:1px solid #e4e4e7;border-radius:24px}.mini-label{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--red)}.qr-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.18;letter-spacing:-.045em;margin:0 0 16px}.qr-copy>p:not(.mini-label){color:var(--muted);margin:0 0 22px;max-width:720px}.qr-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#fff;border:1px solid #dddde2;border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.06);transition:.18s}.qr-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.09)}.qr-card img{width:182px;height:182px;object-fit:contain}.qr-card b{font-size:15px}.qr-card span{font-size:12px;color:#777}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-grid article{border:1px solid var(--line);border-radius:13px;padding:24px;min-height:155px;background:#fff}.trust-grid article>span{font-size:11px;font-weight:900;color:var(--red);letter-spacing:.08em}.trust-grid h3{font-size:21px;margin:8px 0 6px}.trust-grid p{font-size:13px;color:var(--muted);margin:0}
.resources{padding-top:60px}.resource-head{border-top:1px solid var(--line);padding-top:74px}.search-box{display:block;margin-top:20px}.search-box span{display:block;font-size:12px;font-weight:850;color:#666;margin-bottom:7px}.search-box input{width:100%;height:48px;border:1px solid #d9d9dc;border-radius:9px;padding:0 14px;font-size:14px;outline:none}.search-box input:focus{border-color:#999;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.resource-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.resource-grid a{min-height:122px;border:1px solid var(--line);border-radius:11px;padding:20px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;transition:.18s}.resource-grid a:hover{border-color:#c6c6c9;box-shadow:0 10px 24px rgba(0,0,0,.05)}.filetype{grid-column:1/3;font-size:10px;color:#888;font-weight:900;letter-spacing:.12em}.resource-grid b{font-size:18px;align-self:end}.resource-grid em{font-size:12px;color:var(--red);font-style:normal;font-weight:900;align-self:end}.resource-group{display:none}.resource-group.active{display:grid}.resource-grid a.search-hidden{display:none}.no-results{margin-top:24px;color:#777}.contact{background:#151619;color:#fff}.contact-inner{max-width:var(--max);margin:auto;padding:92px 28px;display:grid;grid-template-columns:1fr 1fr;gap:72px}.contact p{color:#aaa}.contact-list{border-top:1px solid #4a4b4f}.contact-list>a,.contact-list>div{display:block;padding:19px 2px;border-bottom:1px solid #393a3e}.contact-list small,.contact-list strong{display:block}.contact-list small{font-size:11px;color:#888;margin-bottom:3px}.contact-list strong{font-size:18px}.floating-contact{position:fixed;right:20px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px rgba(180,0,0,.28);font-size:13px;font-weight:900}.floating-contact:hover{background:var(--red-dark)}
footer{border-top:1px solid #ececee}.footer-inner{max-width:var(--max);margin:auto;padding:36px 28px 48px;display:flex;justify-content:space-between;align-items:end;color:#777;font-size:11px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:108px}.footer-brand p{margin:0;line-height:1.55}.footer-brand b{color:#555}.footer-meta{text-align:right}
.product-dialog{width:min(760px,calc(100% - 34px));border:0;border-radius:18px;padding:0;box-shadow:0 34px 90px rgba(0,0,0,.34)}.product-dialog::backdrop{background:rgba(0,0,0,.58)}.dialog-layout{display:grid;grid-template-columns:.9fr 1.1fr;min-height:410px}.dialog-image-wrap{background:#f7f7f8;display:grid;place-items:center;padding:26px}.dialog-image-wrap img{width:100%;height:320px;object-fit:contain}.dialog-content{padding:38px 34px}.dialog-content h2{font-size:36px;margin:0 0 5px}.dialog-content h3{font-size:16px;color:#555;margin:0 0 20px}.dialog-content>p:not(.kicker){font-size:15px;color:#666;background:#f5f5f6;border-radius:9px;padding:15px}.dialog-actions{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.dialog-close{position:absolute;right:14px;top:9px;border:0;background:none;font-size:31px;color:#777;cursor:pointer;z-index:2}.doc-btn.disabled{opacity:.42;cursor:not-allowed;background:#f4f4f4}
@media(max-width:1050px){.nav{display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:82px;background:#fff;padding:22px 28px 28px;flex-direction:column;align-items:flex-start;gap:2px;font-size:19px;border-bottom:1px solid var(--line);box-shadow:0 14px 28px rgba(0,0,0,.08)}.nav.open a{width:100%;padding:12px 0}.menu-btn{display:block}.header-catalog{display:none}.qualification-bar{margin:-26px 20px 0;grid-template-columns:1fr 1fr}.qualification-bar a:nth-child(2){border-right:0}.qualification-bar a:nth-child(-n+2){border-bottom:1px solid var(--line)}.company-gallery{grid-template-columns:1fr 1fr;grid-template-rows:320px 230px 230px}.gallery-main{grid-column:span 2;grid-row:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.tech-inner,.education-panel,.wide-head,.split-title,.resource-head,.contact-inner{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(2,1fr)}.qr-block{grid-template-columns:1fr 240px}.head-side{max-width:720px}}
@media(max-width:680px){.header-inner{height:72px;padding:0 18px}.brand img{width:122px}.nav.open{top:72px;padding:18px 20px 22px;font-size:19px}.hero{height:680px;min-height:680px}.hero-inner{padding:122px 20px 0}.hero-copy{font-size:16px}.desktop-only{display:none}.hero-meta{width:calc(100% - 40px)}.qualification-bar{grid-template-columns:1fr;margin:-22px 16px 0;padding:4px 18px}.qualification-bar a{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:15px 4px}.qualification-bar a:last-child{border-bottom:0!important}.section{padding:82px 20px}.company-gallery{display:block}.company-gallery figure{height:270px;margin-bottom:10px}.product-grid{grid-template-columns:1fr}.product-card>img,.controller-stack{height:250px}.tech-inner{padding:82px 20px}.tech-gallery{grid-template-columns:1fr}.tech-gallery img,.tech-gallery img:last-child{grid-column:auto;height:230px}.education-panel{padding:30px 20px;gap:30px}.education-docs a{grid-template-columns:40px 1fr}.education-docs em{grid-column:2}.qr-block{grid-template-columns:1fr;padding:28px 20px}.qr-card{width:min(100%,290px);justify-self:center}.qr-card img{width:190px;height:190px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid article{min-height:132px;padding:18px}.resource-grid{grid-template-columns:1fr}.resource-tabs{margin-top:24px}.resource-tab{flex:1;min-width:95px;text-align:center}.footer-inner{display:block;padding-right:82px}.footer-brand{margin-bottom:18px}.footer-meta{text-align:left}.floating-contact{right:14px;bottom:16px}.dialog-layout{grid-template-columns:1fr}.dialog-image-wrap{padding:20px}.dialog-image-wrap img{height:230px}.dialog-content{padding:26px 22px 30px}.dialog-actions{flex-direction:column}.dialog-actions .btn{width:100%}}


/* =========================================
   V3.1 — typography & alignment refinements
   ========================================= */

/* Hero: three deliberate lines with identical size/weight */
.hero-slogan{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.05em;
  max-width:none !important;
  font-size:clamp(52px,5.35vw,78px) !important;
  line-height:1.04 !important;
  letter-spacing:-.06em !important;
  margin:0 0 30px !important;
  font-weight:900;
}
.hero-slogan span{
  display:block;
  font-size:1em !important;
  line-height:inherit;
  white-space:nowrap;
}

/* Company section: cleaner line rhythm */
.company .split-title{
  align-items:center;
}
.company .split-title h2{
  text-wrap:balance;
}
.company .split-title > p{
  max-width:650px;
  line-height:1.82;
}

/* Technology section: controlled wrapping */
.tech-copy{
  min-width:0;
}
.tech-copy .kicker{
  letter-spacing:.24em;
  white-space:nowrap;
}
.tech-copy h2{
  display:flex;
  flex-direction:column;
  gap:.04em;
  margin:0;
}
.tech-copy h2 span{
  display:block;
  white-space:nowrap;
}
.tech-subcopy{
  margin:24px 0 0;
  color:rgba(255,255,255,.72);
  font-size:17px;
  line-height:1.65;
}

/* Small screens: preserve intentional slogan lines without orphan words */
@media(max-width:680px){
  .hero-slogan{
    font-size:clamp(38px,11.2vw,54px) !important;
    gap:.08em;
    max-width:100% !important;
  }
  .hero-slogan span{
    white-space:nowrap;
  }

  .company .split-title h2{
    font-size:clamp(36px,10vw,48px);
    line-height:1.14;
  }

  .tech-copy h2{
    font-size:clamp(36px,10vw,48px);
    line-height:1.12;
  }
  .tech-copy h2 span{
    white-space:normal;
  }
  .tech-copy .kicker{
    font-size:10px;
    letter-spacing:.17em;
    white-space:normal;
  }
}


/* =========================================
   V3.2 — Hero scale only
   ========================================= */
.hero-inner{
  padding-left:40px;
  padding-right:40px;
}

.hero-slogan{
  font-size:clamp(42px,4.25vw,62px) !important;
  line-height:1.08 !important;
  gap:.08em;
  margin-bottom:36px !important;
}

.hero-identity{
  margin-bottom:42px;
  line-height:1.7;
  color:rgba(255,255,255,.82);
}
.hero-identity strong{
  color:#fff;
  font-size:.88em;
  letter-spacing:.06em;
}

@media(max-width:680px){
  .hero-inner{
    padding-left:30px;
    padding-right:30px;
  }
  .hero-slogan{
    font-size:clamp(30px,8.7vw,42px) !important;
    line-height:1.10 !important;
    gap:.10em;
    margin-bottom:30px !important;
  }
  .hero-identity{
    margin-bottom:34px;
    font-size:15px;
  }
}


/* =========================================
   V3.3 — Education alignment + procurement update
   ========================================= */
.education-title{
  display:flex;
  flex-direction:column;
  gap:.08em;
  max-width:none !important;
  line-height:1.12 !important;
}
.education-title span{
  display:block;
  white-space:nowrap;
}

.procurement-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  margin:0 0 20px;
  background:#fff;
}
.procurement-summary>div{
  padding:20px 22px;
  border-right:1px solid var(--line);
}
.procurement-summary>div:last-child{
  border-right:0;
}
.procurement-summary span{
  display:block;
  font-size:11px;
  font-weight:900;
  color:#888;
  letter-spacing:.06em;
  margin-bottom:8px;
}
.procurement-summary strong{
  display:block;
  font-size:16px;
  line-height:1.35;
  color:#222;
}

.qr-card img{
  image-rendering:auto;
}

@media(max-width:1050px){
  .procurement-summary{
    grid-template-columns:1fr 1fr;
  }
  .procurement-summary>div:nth-child(2){
    border-right:0;
  }
  .procurement-summary>div:nth-child(-n+2){
    border-bottom:1px solid var(--line);
  }
}
@media(max-width:680px){
  .education-title{
    font-size:clamp(34px,9.2vw,46px) !important;
    line-height:1.16 !important;
  }
  .education-title span{
    white-space:normal;
  }
  .procurement-summary{
    grid-template-columns:1fr;
  }
  .procurement-summary>div,
  .procurement-summary>div:nth-child(2){
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .procurement-summary>div:last-child{
    border-bottom:0;
  }
}

/* V3.7 B2B conversion */
.contact-guide{margin-top:22px!important;padding:15px 17px;border:1px solid #393a3e;border-radius:10px;color:#c7c7c9!important;font-size:13px;line-height:1.7}.contact-guide strong{color:#fff}.hero-actions .btn{min-width:112px}

/* V3.8 Sales conversion */
.product-help{margin:30px 0 6px;padding:20px 22px;border:1px solid #e1e1e3;border-radius:12px;background:#fafafa;display:flex;align-items:center;justify-content:space-between;gap:20px}.product-help b,.product-help span{display:block}.product-help b{font-size:16px}.product-help span{margin-top:4px;font-size:13px;color:#777}.product-help .btn{flex:none;min-height:44px}.procurement-flow{margin-top:26px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.procurement-flow span{display:flex;align-items:center;gap:7px;padding:9px 11px;background:#fff;border:1px solid #e1e1e3;border-radius:8px;font-size:12px;font-weight:800}.procurement-flow span b{color:var(--red);font-size:10px}.procurement-flow i{font-style:normal;color:#aaa}.contact-inner{align-items:start}.inquiry-form{background:#fff;color:#222;border-radius:16px;padding:30px}.form-head{margin-bottom:20px}.form-head b,.form-head span{display:block}.form-head b{font-size:22px}.form-head span{margin-top:4px;font-size:13px;color:#777}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label span{display:block;font-size:12px;font-weight:850;margin-bottom:7px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d8d8db;border-radius:8px;background:#fff;padding:12px 13px;font:inherit;font-size:14px;outline:none}.form-grid input,.form-grid select{height:46px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#777;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.form-full{grid-column:1/-1}.form-submit{width:100%;margin-top:16px}.form-note{font-size:11px!important;color:#777!important;margin:10px 0 0!important}.form-honeypot{position:absolute;left:-9999px}.mobile-contact-bar{display:none}
@media(max-width:680px){.product-help{align-items:flex-start;flex-direction:column}.product-help .btn{width:100%}.procurement-flow{display:grid;grid-template-columns:1fr 1fr;gap:7px}.procurement-flow i{display:none}.inquiry-form{padding:24px 18px}.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}.floating-contact{display:none}.mobile-contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1fr;background:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.12);padding:max(8px,env(safe-area-inset-bottom)) 10px 8px;gap:8px}.mobile-contact-bar a{height:48px;display:grid;place-items:center;border-radius:8px;font-size:14px;font-weight:900;border:1px solid #d8d8da}.mobile-contact-bar a:last-child{background:var(--red);border-color:var(--red);color:#fff}body{padding-bottom:64px}}

/* V3.9 multilingual selector */
.language-select-wrap{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 8px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fff;white-space:nowrap}
.language-icon{font-size:15px;line-height:1}
.language-select{border:0;background:transparent;color:#222;font:inherit;font-size:13px;font-weight:700;outline:none;cursor:pointer;max-width:112px}
@media(max-width:820px){
  .language-select-wrap{height:36px;padding:0 6px}
  .language-select{font-size:12px;max-width:88px}
  .language-icon{display:none}
}

/* V3.9.2 custom flag image language menu */
.language-select-wrap,.language-select,.language-icon{display:none!important}
.language-menu{position:relative;display:inline-block;z-index:1200}
.language-current{
  display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;
  border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fff;color:#222;
  font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;
}
.flag-img{
  width:22px;height:15px;object-fit:cover;border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto;
}
.language-arrow{font-size:11px;color:#666;margin-left:2px}
.language-dropdown{
  position:absolute;top:calc(100% + 7px);right:0;min-width:162px;
  padding:6px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;
  box-shadow:0 12px 32px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease;
}
.language-menu.open .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.language-option{
  width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;
  border-radius:7px;background:transparent;color:#222;font:inherit;font-size:13px;
  text-align:left;cursor:pointer;
}
.language-option:hover,.language-option.active{background:#f3f4f6}
.language-option.active{font-weight:800}
@media(max-width:820px){
  .language-current{height:36px;padding:0 8px;font-size:12px}
  .flag-img{width:21px;height:14px}
  .language-dropdown{min-width:155px}
}

/* MASTER update: OFFICE card slideshow only */
.office-slider{position:relative}
.office-slides{position:absolute;inset:0}
.office-slider .office-slide{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .7s ease,transform .5s;
}
.office-slider .office-slide.active{opacity:1}
.office-slider:hover .office-slide.active{transform:scale(1.025)}
.office-slider .office-dots{
  position:absolute;z-index:3;right:18px;top:16px;
  display:flex;gap:6px;padding:6px 8px;border-radius:999px;
  background:rgba(20,20,20,.35);backdrop-filter:blur(6px)
}
.office-slider .office-dots span{
  width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)
}
.office-slider .office-dots span.active{background:#fff}
.office-slider figcaption{z-index:4}


/* =========================================================
   MASTER — FULL MULTILINGUAL LAYOUT REVIEW
   한국어 레이아웃은 유지하고 EN/ZH/JA/VI에만 유연한 레이아웃 적용
   ========================================================= */

/* ---------- common translated-language rules ---------- */
html:not([lang="ko"]) body{
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}
html:not([lang="ko"]) .header-inner,
html:not([lang="ko"]) .hero-inner,
html:not([lang="ko"]) .section,
html:not([lang="ko"]) .tech-inner,
html:not([lang="ko"]) .contact-inner{
  min-width:0;
}
html:not([lang="ko"]) .split-title,
html:not([lang="ko"]) .wide-head,
html:not([lang="ko"]) .resource-head,
html:not([lang="ko"]) .education-panel,
html:not([lang="ko"]) .tech-inner,
html:not([lang="ko"]) .qr-block{
  min-width:0;
}
html:not([lang="ko"]) .split-title>*,
html:not([lang="ko"]) .wide-head>*,
html:not([lang="ko"]) .resource-head>*,
html:not([lang="ko"]) .education-panel>*,
html:not([lang="ko"]) .tech-inner>*,
html:not([lang="ko"]) .qr-block>*{
  min-width:0;
}

/* ---------- header ---------- */
html:not([lang="ko"]) .header-inner{gap:18px}
html:not([lang="ko"]) .brand img{width:132px}
html:not([lang="ko"]) .nav{
  gap:24px;
  font-size:15px;
  letter-spacing:-.01em;
}
html:not([lang="ko"]) .header-actions{gap:8px}
html:not([lang="ko"]) .header-catalog{padding:9px 12px;font-size:13px}
html:not([lang="ko"]) .language-current{font-size:12px;padding:0 9px}

/* ---------- hero ---------- */
html:not([lang="ko"]) .hero-slogan{
  font-size:clamp(38px,4.35vw,62px)!important;
  line-height:1.08!important;
  max-width:780px!important;
}
html:not([lang="ko"]) .hero-slogan span{
  white-space:normal;
  text-wrap:balance;
}
html:not([lang="ko"]) .hero-identity{
  max-width:760px;
  line-height:1.55;
}

/* ---------- qualification bar ---------- */
html:not([lang="ko"]) .qualification-bar a{
  padding:20px 22px;
  min-width:0;
}
html:not([lang="ko"]) .qualification-bar b{
  font-size:16px;
  line-height:1.3;
}
html:not([lang="ko"]) .qualification-bar span{
  line-height:1.35;
}

/* ---------- company / product / download section headings ---------- */
html:not([lang="ko"]) .split-title,
html:not([lang="ko"]) .wide-head,
html:not([lang="ko"]) .resource-head{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:52px;
}
html:not([lang="ko"]) .split-title h2,
html:not([lang="ko"]) .wide-head h2,
html:not([lang="ko"]) .resource-head h2,
html:not([lang="ko"]) .contact h2{
  font-size:clamp(34px,3.5vw,50px);
  line-height:1.12;
  text-wrap:balance;
}
html:not([lang="ko"]) .split-title>p,
html:not([lang="ko"]) .head-side>p,
html:not([lang="ko"]) .resource-head>div>p{
  line-height:1.7;
}
html:not([lang="ko"]) .product-help{
  align-items:flex-start;
}
html:not([lang="ko"]) .product-help>div{
  min-width:0;
  flex:1 1 auto;
}
html:not([lang="ko"]) .product-help .btn{
  white-space:nowrap;
}

/* ---------- technology: exact real selectors ---------- */
html:not([lang="ko"]) .tech-inner{
  grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr);
  gap:48px;
}
html:not([lang="ko"]) .tech-copy{
  min-width:0;
}
html:not([lang="ko"]) .tech-copy h2{
  font-size:clamp(34px,3.25vw,48px)!important;
  line-height:1.1!important;
  gap:.08em;
  max-width:100%;
}
html:not([lang="ko"]) .tech-copy h2 span{
  white-space:normal!important;
  overflow-wrap:normal;
  text-wrap:balance;
}
html:not([lang="ko"]) .tech-copy .kicker{
  white-space:normal;
  letter-spacing:.16em;
  line-height:1.5;
}
html:not([lang="ko"]) .tech-subcopy{
  max-width:100%;
}

/* ---------- education: exact real selectors ---------- */
html:not([lang="ko"]) .education-panel{
  grid-template-columns:minmax(0,1.42fr) minmax(390px,.78fr);
  gap:42px;
  align-items:start;
}
html:not([lang="ko"]) .education-copy{
  min-width:0;
}
html:not([lang="ko"]) .education-title{
  font-size:clamp(34px,3.35vw,48px)!important;
  line-height:1.12!important;
  max-width:100%!important;
}
html:not([lang="ko"]) .education-title span{
  white-space:normal!important;
  text-wrap:balance;
}
html:not([lang="ko"]) .education-copy>p{
  line-height:1.72;
  max-width:850px;
}
html:not([lang="ko"]) .procurement-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
html:not([lang="ko"]) .procurement-flow i{display:none}
html:not([lang="ko"]) .procurement-flow span{
  justify-content:flex-start;
  min-width:0;
  line-height:1.3;
}
html:not([lang="ko"]) .education-actions .btn{
  min-width:0;
  padding-left:18px;
  padding-right:18px;
}
html:not([lang="ko"]) .education-docs{
  min-width:0;
  width:100%;
  gap:10px;
}
html:not([lang="ko"]) .education-docs a{
  width:100%;
  min-width:0;
  grid-template-columns:40px minmax(0,1fr) 46px;
  gap:12px;
  padding:15px 16px;
}
html:not([lang="ko"]) .education-docs a>div{
  min-width:0;
}
html:not([lang="ko"]) .education-docs b{
  font-size:14px;
  line-height:1.38;
  word-break:normal;
  overflow-wrap:break-word;
}
html:not([lang="ko"]) .education-docs small{
  font-size:11.5px;
  line-height:1.42;
  word-break:normal;
  overflow-wrap:break-word;
}
html:not([lang="ko"]) .education-docs em{
  width:46px;
  text-align:right;
  white-space:nowrap;
}

/* ---------- certification / procurement ---------- */
html:not([lang="ko"]) .qr-block{
  grid-template-columns:minmax(0,1fr) 240px;
  gap:34px;
}
html:not([lang="ko"]) .qr-copy h3{
  font-size:clamp(26px,2.7vw,38px);
  text-wrap:balance;
}
html:not([lang="ko"]) .procurement-summary{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
html:not([lang="ko"]) .procurement-summary>div{
  min-width:0;
  padding:18px;
}
html:not([lang="ko"]) .procurement-summary strong{
  font-size:14px;
  overflow-wrap:break-word;
}
html:not([lang="ko"]) .trust-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
html:not([lang="ko"]) .trust-grid article{
  min-width:0;
  height:auto;
  min-height:168px;
}
html:not([lang="ko"]) .trust-grid h3{
  font-size:19px;
  line-height:1.3;
}
html:not([lang="ko"]) .trust-grid p{
  line-height:1.5;
  overflow-wrap:break-word;
}

/* ---------- download center ---------- */
html:not([lang="ko"]) .resource-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html:not([lang="ko"]) .resource-grid a{
  min-width:0;
  grid-template-columns:minmax(0,1fr) auto;
}
html:not([lang="ko"]) .resource-grid b{
  min-width:0;
  font-size:16px;
  line-height:1.4;
  overflow-wrap:break-word;
}
html:not([lang="ko"]) .resource-grid em{
  white-space:nowrap;
  margin-left:12px;
}
html:not([lang="ko"]) .resource-tabs .resource-tab{
  white-space:normal;
}

/* ---------- contact ---------- */
html:not([lang="ko"]) .contact-inner{
  grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);
  gap:58px;
}
html:not([lang="ko"]) .contact-list strong{
  overflow-wrap:anywhere;
}
html:not([lang="ko"]) .form-grid label span{
  line-height:1.35;
}
html:not([lang="ko"]) .inquiry-form button{
  white-space:normal;
}

/* ---------- footer ---------- */
html:not([lang="ko"]) .footer-brand p,
html:not([lang="ko"]) .footer-meta{
  line-height:1.55;
}

/* ---------- translated-language breakpoint: switch earlier than Korean ---------- */
@media(max-width:1220px){
  html:not([lang="ko"]) .nav{display:none}
  html:not([lang="ko"]) .menu-btn{display:block}
  html:not([lang="ko"]) .header-catalog{display:none}
  html:not([lang="ko"]) .nav.open{
    display:flex;
    position:absolute;
    left:0;right:0;top:82px;
    background:#fff;
    padding:22px 28px 28px;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    font-size:17px;
    border-bottom:1px solid var(--line);
    box-shadow:0 14px 28px rgba(0,0,0,.08);
  }
  html:not([lang="ko"]) .nav.open a{
    width:100%;
    padding:11px 0;
    white-space:normal;
  }
}

/* ---------- translated-language layout breakpoint ---------- */
@media(max-width:1120px){
  html:not([lang="ko"]) .education-panel{
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .education-docs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html:not([lang="ko"]) .tech-inner{
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .tech-copy{
    max-width:760px;
  }
  html:not([lang="ko"]) .contact-inner{
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ---------- tablet ---------- */
@media(max-width:820px){
  html:not([lang="ko"]) .split-title,
  html:not([lang="ko"]) .wide-head,
  html:not([lang="ko"]) .resource-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  html:not([lang="ko"]) .hero-slogan{
    font-size:clamp(32px,8vw,46px)!important;
  }
  html:not([lang="ko"]) .education-title,
  html:not([lang="ko"]) .tech-copy h2{
    font-size:clamp(31px,7vw,42px)!important;
  }
  html:not([lang="ko"]) .education-docs{
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .procurement-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html:not([lang="ko"]) .qr-block{
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .qr-card{
    justify-self:start;
  }
  html:not([lang="ko"]) .resource-grid{
    grid-template-columns:1fr;
  }
}

/* ---------- mobile ---------- */
@media(max-width:680px){
  html:not([lang="ko"]) .nav.open{top:72px}
  html:not([lang="ko"]) .language-current #currentLanguageLabel{display:none}
  html:not([lang="ko"]) .language-current{padding:0 8px;gap:5px}
  html:not([lang="ko"]) .education-panel{padding:28px 18px}
  html:not([lang="ko"]) .education-title{
    font-size:clamp(29px,8.2vw,38px)!important;
  }
  html:not([lang="ko"]) .tech-copy h2{
    font-size:clamp(29px,8.2vw,38px)!important;
  }
  html:not([lang="ko"]) .procurement-flow{
    grid-template-columns:1fr 1fr;
  }
  html:not([lang="ko"]) .education-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .education-actions .btn{width:100%}
  html:not([lang="ko"]) .education-docs a{
    grid-template-columns:38px minmax(0,1fr) 42px;
    padding:14px;
  }
  html:not([lang="ko"]) .trust-grid{
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .procurement-summary{
    grid-template-columns:1fr;
  }
  html:not([lang="ko"]) .contact-inner{
    grid-template-columns:1fr;
  }
}


/* FULL REVIEW V2 — CONTACT translation completion */
html:not([lang="ko"]) .contact-guide{
  line-height:1.65;
  padding:17px 20px;
}
html:not([lang="ko"]) .contact-guide strong{
  display:inline;
  white-space:normal;
}
html:not([lang="ko"]) .contact-list strong{
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  line-height:1.5;
}