/* ===== SOURCE: site-v289.css ===== */
/* v289 final stability layer: card radius + inquiry hover + i18n switch */

/* PRODUCTS cards must visually match the rounded Core Capability cards. */
html body.page-home-v284 main section#featured-promos .product-static-card,
html body.page-home-v284 main section#featured-promos .product-static-card:hover,
html body.page-home-v284 main section#featured-promos .product-static-card:focus-within {
  border-radius: 22px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 22px) !important;
  background-clip: padding-box !important;
}
html body.page-home-v284 main section#featured-promos .product-static-card__img,
html body.page-home-v284 main section#featured-promos .product-static-card:hover .product-static-card__img,
html body.page-home-v284 main section#featured-promos .product-static-card:focus-within .product-static-card__img {
  border-radius: 22px !important;
  clip-path: inset(0 round 22px) !important;
  overflow: hidden !important;
}
html body.page-home-v284 main section#featured-promos .product-static-card::before,
html body.page-home-v284 main section#featured-promos .product-static-card::after {
  border-radius: 22px !important;
  pointer-events: none !important;
}

/* Inquiry submit: color-only hover. No fill animation, movement, scaling, or shadow. */
html body #inquiry .inquiry-submit-btn,
html body #inquiry .inquiry-submit-btn:hover,
html body #inquiry .inquiry-submit-btn:focus-visible,
html body #inquiry .inquiry-submit-btn:active {
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  box-shadow: none !important;
  background-image: none !important;
  background-size: auto !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease !important;
}
html body #inquiry .inquiry-submit-btn {
  background-color: #e4e6e8 !important;
  color: #252a30 !important;
  border-color: #cfd3d7 !important;
}
html body #inquiry .inquiry-submit-btn:hover,
html body #inquiry .inquiry-submit-btn:focus-visible {
  background-color: #111820 !important;
  color: #fff !important;
  border-color: #111820 !important;
}
html body #inquiry .inquiry-submit-btn::before,
html body #inquiry .inquiry-submit-btn::after {
  display: none !important;
  content: none !important;
}

/* Text-only language switch. */
html body .lang-switch,
html body [data-lang-switch] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body .lang-switch__label {
  color: #28313a;
  font-weight: 500;
  letter-spacing: .06em;
  transition: color .18s ease;
}
html body [data-lang-switch]:hover .lang-switch__label,
html body [data-lang-switch]:focus-visible .lang-switch__label {
  color: #0094c6;
}

/* ===== SOURCE: site-v290.css ===== */
/* TELADIN v290 final fixes: mobile navigation, support heading parity, homepage card clipping */

/* 1) Mobile navigation: show the full information architecture instead of a single line. */
@media (max-width:1020px){
  html body .site-header .gnb.is-open{
    display:flex !important;
    flex-direction:column !important;
    padding:0 0 18px !important;
    background:#fff !important;
    max-height:calc(100vh - 74px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
  html body .site-header .gnb > ul{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    padding:12px !important;
    margin:0 !important;
    border-bottom:1px solid #e4e8ec !important;
    background:#fff !important;
  }
  html body .site-header .gnb > ul > li,
  html body .site-header .gnb > ul > li.shared-mega-trigger{
    min-width:0 !important;
  }
  html body .site-header .gnb > ul > li > a{
    min-height:42px !important;
    height:auto !important;
    padding:10px 8px !important;
    justify-content:center !important;
    text-align:center !important;
    border:1px solid #dfe4e9 !important;
    background:#f8f9fa !important;
    color:#172330 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
  }
  html body .site-header .gnb > ul > li > a:hover,
  html body .site-header .gnb > ul > li > a:focus-visible{
    color:#0094c6 !important;
    border-color:#b8ddea !important;
    background:#f3fafc !important;
  }
  html body .site-header .hancom-gnb .shared-mega-menu,
  html body .site-header .hancom-gnb.is-open .shared-mega-menu{
    position:static !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    border:0 !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__inner--unified{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    padding:14px 12px 20px !important;
    margin:0 !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__intro--unified{
    display:none !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__columns--unified{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col,
  html body .site-header .shared-mega-menu .hancom-mega__col:first-child{
    min-width:0 !important;
    padding:14px !important;
    border:1px solid #e2e6ea !important;
    background:#fff !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col h4{
    margin:0 0 9px !important;
    color:#111820 !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col a{
    display:block !important;
    padding:5px 0 !important;
    color:#5d6874 !important;
    font-size:12.5px !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col a:hover,
  html body .site-header .shared-mega-menu .hancom-mega__col a:focus-visible{
    color:#0094c6 !important;
  }
}
@media (max-width:520px){
  html body .site-header .shared-mega-menu .hancom-mega__columns--unified{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col,
  html body .site-header .shared-mega-menu .hancom-mega__col:first-child{
    padding:12px !important;
  }
}

/* 2) Inquiry heading matches DOWNLOAD CENTER exactly. */
html body #download .download-section-head h2,
html body #inquiry .support-grid > div:first-child h2{
  margin:0 !important;
  color:#151515 !important;
  font-family:"Noto Sans KR","Apple SD Gothic Neo",Pretendard,Arial,sans-serif !important;
  font-size:clamp(26px,2.2vw,36px) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  letter-spacing:.01em !important;
}

/* 3) Homepage PRODUCTS card: deterministic rounded clipping.
   The previous radius existed in CSS, but the full-bleed absolutely positioned image
   was composited on its own layer; on narrow screens that layer visually escaped the
   parent's rounded paint. contain:paint + mask forces one shared rounded surface. */
html body.page-home-v284 main section#featured-promos .product-static-card,
html body.page-home-v284 main section#featured-promos .product-static-card:hover,
html body.page-home-v284 main section#featured-promos .product-static-card:focus-within{
  position:relative !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  border-radius:22px !important;
  overflow:hidden !important;
  overflow:clip !important;
  contain:paint !important;
  clip-path:inset(0 round 22px) !important;
  -webkit-mask-image:-webkit-radial-gradient(white,black) !important;
  mask-image:radial-gradient(white,black) !important;
  background-clip:padding-box !important;
  transform:translateZ(0) !important;
}
html body.page-home-v284 main section#featured-promos .product-static-card__img,
html body.page-home-v284 main section#featured-promos .product-static-card:hover .product-static-card__img,
html body.page-home-v284 main section#featured-promos .product-static-card:focus-within .product-static-card__img{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  border-radius:0 !important;
  clip-path:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  object-fit:contain !important;
  transform:none !important;
}
html body.page-home-v284 main section#featured-promos .product-static-grid{
  min-width:0 !important;
  overflow:visible !important;
}
@media(max-width:620px){
  html body.page-home-v284 main section#featured-promos > .container{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    overflow:visible !important;
  }
  html body.page-home-v284 main section#featured-promos .product-static-grid{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    grid-template-columns:minmax(0,1fr) !important;
  }
  html body.page-home-v284 main section#featured-promos .product-static-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
}

/* ===== SOURCE: site-v292.css ===== */
/* TELADIN v292 — homepage product artwork/button and PROFILE metric text correction */

/* Homepage PRODUCTS: exact uploaded images, full artwork visible, one shared rounded surface. */
html body.page-home-v284 main section#featured-promos .product-static-card,
html body.page-home-v284 main section#featured-promos .product-static-card:hover,
html body.page-home-v284 main section#featured-promos .product-static-card:focus-within{
  border-radius:22px !important;
  overflow:hidden !important;
  overflow:clip !important;
  clip-path:inset(0 round 22px) !important;
  contain:paint !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
html body.page-home-v284 main section#featured-promos .product-static-card__img,
html body.page-home-v284 main section#featured-promos .product-static-card:hover .product-static-card__img,
html body.page-home-v284 main section#featured-promos .product-static-card:focus-within .product-static-card__img{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  transform:none !important;
}

/* "자세히 보기": lighter outline, black label, subtle no-motion hover. */
html body.page-home-v284 main #featured-promos .product-static-card__btn,
html body.page-home-v284 main #featured-promos .product-static-card__btn:link,
html body.page-home-v284 main #featured-promos .product-static-card__btn:visited{
  border:1px solid rgba(17,24,39,.24) !important;
  background-color:rgba(255,255,255,.08) !important;
  background-image:linear-gradient(rgba(255,255,255,.30),rgba(255,255,255,.30)) !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:0 100% !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-size .22s ease,border-color .18s ease,color .18s ease !important;
}
html body.page-home-v284 main #featured-promos .product-static-card__btn span{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  font-weight:300 !important;
}
html body.page-home-v284 main #featured-promos .product-static-card__btn:hover,
html body.page-home-v284 main #featured-promos .product-static-card__btn:focus-visible{
  border-color:rgba(17,24,39,.38) !important;
  background-color:rgba(255,255,255,.08) !important;
  background-size:100% 100% !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  transform:none !important;
}
html body.page-home-v284 main #featured-promos .product-static-card__btn:hover span,
html body.page-home-v284 main #featured-promos .product-static-card__btn:focus-visible span{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}

/* PROFILE 20+ card: nested product line must use the same paragraph typography as other cards. */
html body.page-company-v92 .company-v92-metrics article p > span{
  display:inline !important;
  margin:0 !important;
  color:inherit !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:none !important;
}

/* ===== SOURCE: site-v293.css ===== */
/* TELADIN v293 — full-height mobile navigation and stable homepage card clipping */

/* 1) Narrow screens: use the full viewport below the sticky header. */
@media (max-width:1020px){
  html{
    --mobile-menu-top:72px;
  }
  html body.mobile-menu-open{
    overflow:hidden !important;
    touch-action:none;
  }
  html body .site-header{
    overflow:visible !important;
  }
  html body .site-header .gnb{
    position:fixed !important;
    z-index:1000 !important;
    top:var(--mobile-menu-top) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - var(--mobile-menu-top)) !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 0 max(20px,env(safe-area-inset-bottom)) !important;
    display:none !important;
    flex-direction:column !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    background:#fff !important;
    border-top:1px solid #e5e8eb !important;
    box-shadow:0 12px 28px rgba(17,24,39,.10) !important;
  }
  html body .site-header .gnb.is-open{
    display:flex !important;
  }
  html body .site-header .gnb > ul{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:16px 14px !important;
    background:#fff !important;
    border-bottom:1px solid #e6eaed !important;
  }
  html body .site-header .gnb > ul > li,
  html body .site-header .gnb > ul > li.shared-mega-trigger{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  html body .site-header .gnb > ul > li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:48px !important;
    height:auto !important;
    margin:0 !important;
    padding:12px 10px !important;
    border:1px solid #dfe4e8 !important;
    border-radius:4px !important;
    background:#f8f9fa !important;
    color:#172330 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
    text-align:center !important;
  }
  html body .site-header .hancom-gnb .shared-mega-menu,
  html body .site-header .hancom-gnb.is-open .shared-mega-menu{
    position:static !important;
    inset:auto !important;
    display:block !important;
    flex:1 0 auto !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__inner--unified{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:14px 14px 24px !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__intro--unified{
    display:none !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__columns--unified{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
    gap:10px !important;
    width:100% !important;
    min-height:0 !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col,
  html body .site-header .shared-mega-menu .hancom-mega__col:first-child{
    min-width:0 !important;
    min-height:100% !important;
    margin:0 !important;
    padding:16px 14px !important;
    border:1px solid #e1e5e9 !important;
    border-radius:4px !important;
    background:#fff !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col h4{
    margin:0 0 9px !important;
    color:#111820 !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col a{
    display:flex !important;
    align-items:center !important;
    min-height:42px !important;
    padding:8px 0 !important;
    color:#5c6874 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col a + a{
    border-top:1px solid #f0f2f4 !important;
  }
}

@media (max-width:420px){
  html body .site-header .gnb > ul,
  html body .site-header .shared-mega-menu .hancom-mega__columns--unified{
    gap:8px !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__inner--unified{
    padding-right:10px !important;
    padding-left:10px !important;
  }
  html body .site-header .shared-mega-menu .hancom-mega__col,
  html body .site-header .shared-mega-menu .hancom-mega__col:first-child{
    padding:14px 11px !important;
  }
}

/* 2) Homepage PRODUCTS: one ordinary rounded clipping surface only.
   Remove the legacy mask/clip stack that could reveal a dark compositor layer at corners. */
html body.page-home-v284 main #featured-promos .product-static-card,
html body.page-home-v284 main #featured-promos .product-static-card:hover,
html body.page-home-v284 main #featured-promos .product-static-card:focus-within{
  position:relative !important;
  z-index:0 !important;
  isolation:isolate !important;
  border-radius:22px !important;
  overflow:hidden !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  contain:layout paint !important;
  -webkit-mask:none !important;
  mask:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  transform:none !important;
}
html body.page-home-v284 main #featured-promos .product-static-card::before,
html body.page-home-v284 main #featured-promos .product-static-card::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body.page-home-v284 main #featured-promos .product-static-card__img,
html body.page-home-v284 main #featured-promos .product-static-card:hover .product-static-card__img,
html body.page-home-v284 main #featured-promos .product-static-card:focus-within .product-static-card__img{
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:inherit !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  -webkit-mask:none !important;
  mask:none !important;
  object-fit:cover !important;
  object-position:center !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
html body.page-home-v284 main #featured-promos .product-static-card__caption,
html body.page-home-v284 main #featured-promos .product-static-card__btn{
  z-index:2 !important;
}

/* TELADIN footer logo ratio safeguard v1.1 */
.site-footer .footer-logo{width:110px!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important}
@media(max-width:720px){.site-footer .footer-logo{width:102px!important;height:auto!important}}