@charset "utf-8";

/* Sub-page mobile/tablet shell — PC (>=1360px) untouched; scoped to body:not(.home) */

@media (max-width: 1359px) {
  body:not(.home) {
    --layout-gutter: 24px;
    --layout-inset: 24px;
    --header-hamburger: 64px;
    --layout-max: 100%;
    overflow-x: hidden;
  }

  html:has(body:not(.home)) {
    overflow-x: hidden;
  }

  /* Remove desktop min-width shell that forces horizontal scroll */
  body:not(.home) #sh_hd,
  body:not(.home) #sh_section,
  body:not(.home) #sh_container,
  body:not(.home) #sh_content,
  body:not(.home) #sh_ft {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  /* Header */
  body:not(.home) #shGnb {
    height: var(--header-hamburger);
    padding-right: var(--header-hamburger);
  }

  body:not(.home) #shGnb .sh_nav,
  body:not(.home) #shGnb .sh_lnb_bg {
    display: none !important;
  }

  body:not(.home) #shGnb .sh_logo {
    padding-left: var(--layout-inset);
  }

  body:not(.home) #shGnb .sh_logo .site-logo {
    height: 40px;
  }

  body:not(.home) #pfBtn {
    width: var(--header-hamburger);
    height: var(--header-hamburger);
  }

  /* Header height reservation for sub pages */
  body:not(.home) #sh_hd.sub {
    min-height: var(--header-hamburger);
  }
}

@media (max-width: 768px) {
  body:not(.home) {
    --layout-gutter: 20px;
    --layout-inset: 20px;
    --header-hamburger: 60px;
  }

  body:not(.home) #shGnb .sh_logo .site-logo {
    height: 36px;
  }
}

/* Mobile typography — keep-all on all text (Korean natural line breaks) */
@media (max-width: 1024px) {
  body:not(.home),
  body:not(.home) :is(
    p, li, span, div, a, h1, h2, h3, h4, h5, h6,
    dd, dt, td, th, label, strong, em, button,
    figcaption, blockquote, small, article, section,
    .description, .desc, .title-ko, .overview-desc,
    .biz-lead, .import-intro, .collection-desc,
    .overview-kicker, .biz-split-desc, .import-value-desc
  ) {
    word-break: keep-all !important;
    overflow-wrap: break-word;
  }
}