@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

.kd-main-page {
  --kd-blue:#025baf;
  --kd-blue-dark:#16304f;
  --kd-black:#1a1a1a;
  --kd-inner:1280px;
  margin:0;
  overflow-x:hidden;
  color:var(--kd-black);
  background:#fff;
  font:16px/1.5 'Wanted Sans',sans-serif;
  word-break:keep-all;
}
.kd-main-page.menu-open { overflow:hidden; }
.kd-main-page * { box-sizing:border-box; }
.kd-main-page a { color:inherit; text-decoration:none; }
.kd-main-page img { display:block; max-width:100%; }
.kd-main-page button { font:inherit; }
.kd-main-page h1,
.kd-main-page h2,
.kd-main-page h3,
.kd-main-page h4,
.kd-main-page h5,
.kd-main-page h6 { font-family:'Wanted Sans',sans-serif; }
.kd-main-page .inner { position:relative; width:min(calc(100% - 40px),var(--kd-inner)); max-width:none; margin:0 auto; padding:0; }
.kd-main-page .skip-link { position:fixed; top:-60px; left:16px; z-index:9999; padding:12px 16px; color:#fff; background:#000; }
.kd-main-page .skip-link:focus { top:16px; }

/* main header */
.kd-main-page .site-header { position:absolute; inset:0 0 auto; z-index:3000; height:100px; color:#fff; background:transparent; transition:background .3s,box-shadow .3s,color .3s; }
.kd-main-page .site-header.is-scrolled { position:fixed; color:#111; background:rgba(255,255,255,.96); box-shadow:0 4px 20px rgba(0,0,0,.08); }
.kd-main-page .header-inner { position:relative; width:calc(100% - 140px); max-width:none; height:100%; display:flex; align-items:center; justify-content:space-between; }
.kd-main-page .brand { display:block; width:187px; }
.kd-main-page .brand-logo { width:100%; height:auto; }
.kd-main-page .brand-logo-default { display:none; }
.kd-main-page .site-header.is-scrolled .brand-logo-default { display:block; }
.kd-main-page .site-header.is-scrolled .brand-logo-main { display:none; }
.kd-main-page .site-header nav { position:absolute; left:50%; margin:0; transform:translateX(-50%); }
.kd-main-page .site-header .gnb { display:flex; gap:16px; margin:0; padding:0; list-style:none; font-size:18px; font-weight:500; }
.kd-main-page .site-header .gnb > li { position:relative; }
.kd-main-page .site-header .gnb > li > a { position:relative; display:block; padding:10px 24px; white-space:nowrap; }
.kd-main-page .site-header .gnb > li > a::after { position:absolute; bottom:-10px; left:50%; width:0; height:2px; content:''; background:var(--kd-blue); transform:translateX(-50%); transition:width .25s; }
.kd-main-page .site-header .gnb > li:hover > a::after { width:100%; }
.kd-main-page .site-header .snb { position:absolute; top:calc(100% + 18px); left:50%; display:none; min-width:180px; margin:0; padding:14px 0; list-style:none; color:#222; text-align:center; background:#fff; border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.12); transform:translateX(-50%); }
.kd-main-page .site-header .snb::before { position:absolute; right:0; bottom:100%; left:0; height:18px; content:''; }
.kd-main-page .site-header .gnb > li:hover .snb,
.kd-main-page .site-header .gnb > li:focus-within .snb { display:block; }
.kd-main-page .site-header .snb a { display:block; padding:9px 20px; font-size:15px; }
.kd-main-page .site-header .snb a:hover { color:var(--kd-blue); }
.kd-main-page .contact-link { min-width:130px; margin-left:34px; padding:14px 18px; text-align:center; border:1px solid currentColor; border-radius:8px; font-size:16px; font-weight:600; }
.kd-main-page .menu-toggle { display:none; width:44px; min-width:44px; height:44px; align-items:center; justify-content:center; padding:0; color:inherit; background:none; border:0; }
.kd-main-page .menu-toggle-icon { width:28px; height:22px; background:currentColor; -webkit-mask:url('../img/ham_img.png') center/28px 22px no-repeat; mask:url('../img/ham_img.png') center/28px 22px no-repeat; }
.kd-main-page .menu-toggle.is-open .menu-toggle-icon { -webkit-mask-image:url('../img/ham_close.png'); mask-image:url('../img/ham_close.png'); }
.kd-main-page .mobile-nav { display:none; }

/* main content */
.kd-main-page .page-section { padding:120px 0; }
.kd-main-page .eyebrow { margin:0 0 18px; color:var(--kd-blue); font-size:20px; font-weight:700; }
.kd-main-page .main-title { margin:0 0 52px; font-size:48px; line-height:1.35; }
.kd-main-page .main-link-btn { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:40px; padding:0 20px; color:#fff; background:var(--kd-blue); border:1px solid var(--kd-blue); border-radius:8px; cursor:pointer; }
.kd-main-page .main-link-btn::after { width:7px; height:12px; content:''; background:url('../img/kyungdong-main/icon-arrow.png') center/contain no-repeat; }
.kd-main-page .main-link-btn-light { color:var(--kd-black); background:#fff; border-color:#ccc; }
.kd-main-page .main-link-btn-light::after { background-image:url('../img/kyungdong-main/icon-news-more.svg'); }
.kd-main-page .main-hero { position:relative; height:900px; overflow:hidden; color:#fff; background:#111 url('../img/kyungdong-main/main-hero-factory.jpg') center/cover no-repeat; }
.kd-main-page .main-hero-video { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.kd-main-page .main-hero-video iframe { position:absolute; top:50%; left:50%; width:max(100vw,1600px); height:max(56.25vw,900px); border:0; transform:translate(-50%,-50%); pointer-events:none; }
.kd-main-page .main-hero::before { position:absolute; z-index:1; inset:0; content:''; background:rgba(0,0,0,.12); pointer-events:none; }
.kd-main-page .main-hero::after { position:absolute; z-index:2; inset:52% 0 0; content:''; background:linear-gradient(transparent,rgba(0,0,0,.5)); pointer-events:none; }
.kd-main-page .split-feature { position:relative; display:grid; grid-template-columns:minmax(360px,1fr) minmax(55%,1000px); gap:80px; align-items:center; padding:120px 0 120px max(20px,calc((100% - var(--kd-inner))/2)); overflow:hidden; background:url('../img/kyungdong-main/bg_technology.jpg') center/cover no-repeat; }
.kd-main-page .split-feature .copy { display:flex; flex-direction:column; align-items:flex-start; }
.kd-main-page .split-feature .copy h2,
.kd-main-page .location-copy h2 { margin:0 0 20px; font-size:44px; line-height:1.35; }
.kd-main-page .split-feature .copy p:not(.eyebrow),
.kd-main-page .location-copy p:not(.eyebrow) { margin:0 0 50px; color:#666; line-height:1.7; }
.kd-main-page .feature-image { min-height:500px; background:url('../img/kyungdong-main/main-technology-design.jpg') center/cover; border-radius:20px 0 0 20px; }
.kd-main-page .product-section { overflow:hidden; background:linear-gradient(103.5deg,#f0fafe 0%,#f0f2fe 100%) top/100% 399px no-repeat,#fff; }
.kd-main-page .product-grid { display:grid; grid-template-columns:270px 270px 270px 400px; gap:0; align-items:end; justify-content:space-between; }
.kd-main-page .product-card { display:block; color:inherit; text-align:center; }
.kd-main-page .product-image { position:relative; height:270px; display:flex; align-items:center; justify-content:center; padding:28px; overflow:hidden; background:#fff; border:1px solid #ccc; border-radius:20px; }
.kd-main-page .product-card:last-child .product-image { height:360px; }
.kd-main-page .product-card h3 { margin:18px 0 0; font-size:18px; font-weight:500; }
.kd-main-page .product-image::after { position:absolute; inset:0; content:''; background:rgba(0,0,0,.4) url('../img/kyungdong-main/icon-product-hover.svg') center/60px 60px no-repeat; opacity:0; transition:opacity .25s; }
.kd-main-page .product-card:hover .product-image::after,
.kd-main-page .product-card:focus-visible .product-image::after { opacity:1; }
.kd-main-page .product-detail-link { position:absolute; top:236px; right:-142px; display:flex; flex-direction:column; align-items:center; gap:20px; font-size:16px; font-weight:600; }
.kd-main-page .product-detail-link img { width:70px; height:70px; object-fit:contain; }
.kd-main-page .location-section { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:120px; align-items:center; }
.kd-main-page .location-map { position:relative; max-width:100%; height:530px; padding:0; overflow:hidden; background:#ecf3fb; border-radius:20px; }
.kd-main-page .location-map img { position:absolute; top:-42%; left:calc(50% + 1px); width:689px; max-width:100%; height:693px; object-fit:fill; transform:translateX(-50%); }
.kd-main-page .esg-panel { margin:30px; overflow:hidden; color:#fff; background:linear-gradient(rgba(12,74,41,.45),rgba(0,0,0,.35)),url('../img/kyungdong-main/main-esg.jpg') center/cover; border-radius:40px; }
.kd-main-page .esg-panel h2 { margin:0; padding:70px 20px 60px; text-align:center; font-size:44px; line-height:1.4; }
.kd-main-page .esg-panel .eyebrow { color:#83b9ed; }
.kd-main-page .esg-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.45); }
.kd-main-page .esg-card { min-height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; border-right:1px solid rgba(255,255,255,.45); transition:background .25s; }
.kd-main-page .esg-card:last-child { border:0; }
.kd-main-page .esg-card:hover { background:rgba(255,255,255,.18); backdrop-filter:blur(10px); }
.kd-main-page .esg-icon { width:75px; height:75px; object-fit:contain; }
.kd-main-page .inline-icon { display:inline-block; width:14px; height:14px; margin-left:8px; object-fit:contain; vertical-align:-2px; }
.kd-main-page .news-service { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.kd-main-page .news-head { display:flex; align-items:center; justify-content:space-between; }
.kd-main-page .news-head h2,
.kd-main-page .news-service > section > h2 { margin:0; font-size:36px; }
.kd-main-page .news-list { margin:28px 0 0; padding:0; list-style:none; border-top:1.5px solid #222; }
.kd-main-page .news-list li { border-bottom:1.5px solid #ddd; }
.kd-main-page .news-list li > a { display:grid; grid-template-columns:40px 1fr auto; gap:14px; padding:28px 32px; }
.kd-main-page .news-list b { color:var(--kd-blue); }
.kd-main-page .news-list time { color:#999; font-size:13px; }
.kd-main-page .news-list .news-list-empty { padding:56px 20px; color:#999; text-align:center; }
.kd-main-page .quick-card { position:relative; min-height:156px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; padding:28px; margin-top:12px; overflow:hidden; color:var(--kd-black); background:#f4f6f8; border-radius:16px; transition:color .25s,background-color .25s; }
.kd-main-page .quick-card:hover,
.kd-main-page .quick-card:focus-visible { color:#fff; background:var(--kd-blue); }
.kd-main-page .quick-card b { display:block; font-size:20px; }
.kd-main-page .quick-card p { display:flex; align-items:center; gap:6px; margin:18px 0 0; color:rgba(0,0,0,.8); font-size:14px; font-weight:500; transition:color .25s; }
.kd-main-page .quick-card:hover p,
.kd-main-page .quick-card:focus-visible p { color:rgba(255,255,255,.8); }
.kd-main-page .news-service > section:last-child .quick-card:first-of-type { margin-top:26px; }
.kd-main-page .quick-link-icon { display:block; flex:0 0 auto; background:rgba(0,0,0,.8); -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; transition:background-color .25s; }
.kd-main-page .quick-link-icon-download { width:10px; height:13px; -webkit-mask-image:url('../img/kyungdong-main/icon-quick-download-arrow.svg'); mask-image:url('../img/kyungdong-main/icon-quick-download-arrow.svg'); }
.kd-main-page .quick-link-icon-company { width:7px; height:11px; -webkit-mask-image:url('../img/kyungdong-main/icon-quick-company-arrow.svg'); mask-image:url('../img/kyungdong-main/icon-quick-company-arrow.svg'); }
.kd-main-page .quick-visual { position:absolute; right:20px; bottom:20px; width:80px; height:80px; background:#d6dde6; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; transition:background-color .25s; }
.kd-main-page .quick-visual-download { width:80px; height:74px; -webkit-mask-image:url('../img/kyungdong-main/icon-quick-download.svg'); mask-image:url('../img/kyungdong-main/icon-quick-download.svg'); }
.kd-main-page .quick-visual-company { -webkit-mask-image:url('../img/kyungdong-main/icon-quick-company.svg'); mask-image:url('../img/kyungdong-main/icon-quick-company.svg'); }
.kd-main-page .quick-card:hover .quick-link-icon,
.kd-main-page .quick-card:focus-visible .quick-link-icon { background-color:rgba(255,255,255,.8); }
.kd-main-page .quick-card:hover .quick-visual,
.kd-main-page .quick-card:focus-visible .quick-visual { background-color:rgba(255,255,255,.2); }

/* footer */
.kd-main-page .site-footer { padding:70px 0; background:#f7f7f7; }
.kd-main-page .footer-brand-logo { width:187px; height:auto; margin-bottom:28px; }
.kd-main-page .footer-sites { display:grid; grid-template-columns:repeat(4,1fr); gap:60px; padding:28px 0; border-top:1px solid rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.15); }
.kd-main-page .footer-sites h3 { margin:0 0 10px; font-size:16px; }
.kd-main-page .footer-sites p { margin:4px 0; color:#444; font-size:14px; line-height:1.5; }
.kd-main-page .footer-sites p:first-of-type::before { margin-right:8px; color:#888; content:'Address'; }
.kd-main-page .copyright { margin:44px 0 0; color:#777; font-size:13px; }

@media (max-width:1024px) {
  .kd-main-page .site-header { height:80px; }
  .kd-main-page .site-header nav,
  .kd-main-page .contact-link { display:none; }
  .kd-main-page .site-header nav { position:static; transform:none; }
  .kd-main-page .header-inner { width:calc(100% - 40px); }
  .kd-main-page .menu-toggle { display:flex; }
  .kd-main-page .mobile-nav { position:fixed; z-index:2500; inset:80px 0 0; display:block; padding:24px 28px 48px; overflow-y:auto; color:#111; background:#fff; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-12px); transition:opacity .25s,visibility .25s,transform .25s; }
  .kd-main-page .mobile-nav.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
  .kd-main-page .mobile-nav-row { display:flex; align-items:center; border-bottom:1px solid #e5e7eb; }
  .kd-main-page .mobile-nav-parent { display:block; flex:1; padding:17px 4px; font-size:20px; font-weight:600; }
  .kd-main-page .mobile-nav-accordion { width:48px; height:48px; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; cursor:pointer; }
  .kd-main-page .mobile-nav-accordion span { width:23px; height:23px; background:url('../img/icon_drop.png') center/23px 23px no-repeat; transition:transform .25s; }
  .kd-main-page .mobile-nav-group.is-open .mobile-nav-accordion span { transform:rotate(180deg); }
  .kd-main-page .mobile-snb { max-height:0; padding:0 16px; overflow:hidden; background:#f7f8fa; transition:max-height .3s,padding .3s; }
  .kd-main-page .mobile-nav-group.is-open .mobile-snb { max-height:520px; padding:8px 16px; }
  .kd-main-page .mobile-snb a { display:block; padding:12px 8px; color:#555; border-bottom:1px solid #e5e7eb; font-size:16px; }
  .kd-main-page .mobile-snb a:last-child { border-bottom:0; }
  .kd-main-page .mobile-nav-contact { min-height:48px; display:flex; align-items:center; justify-content:center; margin-top:24px; color:#fff; background:var(--kd-blue); border-radius:8px; font-size:16px; font-weight:600; }
  .kd-main-page .main-hero { height:680px; }
  .kd-main-page .main-hero-video iframe { width:max(100vw,1208.89px); height:max(56.25vw,680px); }
  .kd-main-page .page-section { padding:72px 0; }
  .kd-main-page .eyebrow { font-size:18px; }
  .kd-main-page .main-title { margin-bottom:44px; font-size:42px; }
  .kd-main-page .split-feature { grid-template-columns:1fr; gap:48px; padding:72px 0 72px 20px; }
  .kd-main-page .feature-image { min-height:360px; }
  .kd-main-page .product-grid { grid-template-columns:repeat(2,1fr); gap:32px; }
  .kd-main-page .product-image::after { background-size:54px 54px; }
  .kd-main-page .product-detail-link { position:static; justify-content:flex-end; margin-top:40px; }
  .kd-main-page .product-detail-link img { width:60px; height:60px; }
  .kd-main-page .esg-icon { width:64px; height:64px; }
  .kd-main-page .quick-visual { width:70px; height:70px; }
  .kd-main-page .quick-visual-download { width:70px; height:auto; }
  .kd-main-page .location-section { grid-template-columns:1fr; }
  .kd-main-page .location-map { height:auto; aspect-ratio:914/530; }
  .kd-main-page .location-map img { top:-50%; width:75.4%; height:auto; }
}

@media (min-width:1025px) and (max-width:1600px) {
  .kd-main-page .product-detail-link { position:static; justify-content:flex-end; margin-top:40px; }
}

@media (min-width:1025px) and (max-width:1400px) {
  .kd-main-page .location-section { grid-template-columns:minmax(0,1fr) 390px; gap:50px; }
  .kd-main-page .page-section { padding:100px 0; }
  .kd-main-page .main-title { font-size:44px; }
  .kd-main-page .split-feature { padding-top:100px; padding-bottom:100px; }
  .kd-main-page .esg-panel h2 { font-size:40px; }
}
@media (max-width:640px) {
  .kd-main-page .inner { width:min(calc(100% - 32px),var(--kd-inner)); }
  .kd-main-page .site-header { height:72px; }
  .kd-main-page .mobile-nav { inset:72px 0 0; padding:18px 18px 36px; }
  .kd-main-page .mobile-nav-parent { padding:15px 2px; font-size:18px; }
  .kd-main-page .mobile-nav-accordion { width:44px; height:44px; }
  .kd-main-page .brand { width:148px; }
  .kd-main-page .main-hero { height:440px; background-position:58% center; }
  .kd-main-page .main-hero-video iframe { width:max(100vw,782.23px); height:max(56.25vw,440px); }
  .kd-main-page .page-section { padding:44px 0; }
  .kd-main-page .eyebrow { margin-bottom:12px; font-size:16px; }
  .kd-main-page .main-title { margin-bottom:30px; font-size:30px; }
  .kd-main-page .split-feature { gap:28px; padding:44px 0 44px 16px; }
  .kd-main-page .split-feature .copy { padding-right:20px; }
  .kd-main-page .split-feature .copy h2,
  .kd-main-page .location-copy h2 { margin-bottom:14px; font-size:28px; }
  .kd-main-page .split-feature .copy p:not(.eyebrow),
  .kd-main-page .location-copy p:not(.eyebrow) { margin-bottom:28px; }
  .kd-main-page .feature-image { min-height:220px; }
  .kd-main-page .product-grid { grid-template-columns:1fr; gap:28px; }
  .kd-main-page .product-image,
  .kd-main-page .product-card:last-child .product-image { height:220px; padding:22px; border-radius:14px; }
  .kd-main-page .product-image::after { background-size:48px 48px; }
  .kd-main-page .product-card h3 { font-size:15px; }
  .kd-main-page .product-detail-link { justify-content:flex-start; margin-top:32px; }
  .kd-main-page .product-detail-link img { width:48px; height:48px; }
  .kd-main-page .location-section { gap:24px; }
  .kd-main-page .location-map { padding:0; }
  .kd-main-page .esg-panel { margin:12px; border-radius:24px; }
  .kd-main-page .esg-panel h2 { padding:36px 18px; font-size:27px; }
  .kd-main-page .esg-grid,
  .kd-main-page .news-service,
  .kd-main-page .footer-sites { grid-template-columns:1fr; }
  .kd-main-page .esg-card { min-height:145px; gap:12px; border-right:0; border-bottom:1px solid rgba(255,255,255,.45); }
  .kd-main-page .esg-icon { width:52px; height:52px; }
  .kd-main-page .news-service { gap:32px; }
  .kd-main-page .news-head h2,
  .kd-main-page .news-service > section > h2 { font-size:26px; }
  .kd-main-page .news-list li > a { grid-template-columns:28px 1fr; padding:20px 12px; }
  .kd-main-page .news-list time { grid-column:2; }
  .kd-main-page .quick-card { min-height:126px; padding:20px; }
  .kd-main-page .quick-card b { font-size:20px; }
  .kd-main-page .quick-card p { font-size:14px; }
  .kd-main-page .quick-visual { right:16px; bottom:16px; width:56px; height:56px; }
  .kd-main-page .quick-visual-download { width:56px; height:auto; }
  .kd-main-page .quick-card b,
  .kd-main-page .quick-card p { max-width:calc(100% - 82px); }
  .kd-main-page .site-footer { padding:56px 0 32px; }
  .kd-main-page .footer-brand-logo { margin-bottom:24px; }
  .kd-main-page .footer-sites { gap:16px; padding:20px 0; }
  .kd-main-page .footer-sites section { padding-bottom:18px; border-bottom:1px solid #e5e5e5; }
}
@media (prefers-reduced-motion:reduce) {
  .kd-main-page [data-aos] { opacity:1!important; transform:none!important; transition:none!important; }
}