@charset "utf-8";
/* QA SPECIAL — 기존 공통 CSS 다음에 연결. main 내부만 적용하며 기존 헤더·푸터는 변경하지 않습니다. */
:root {--qa-white:#ffffff;--qa-black:#111111;--qa-gold:#a8913e;--qa-gold-text:#6f5e26;--qa-gold-light:#e8dfc4;--qa-beige:#f7f5f0;--qa-line:#d6d2c8;--qa-muted:#55524a;--qa-light-text:#d6d2c8;--qa-hero:#2a2620;--qa-max-width:1560px;--qa-section-gap:120px;--qa-font:'Pretendard','Malgun Gothic',sans-serif;}

/* RESET — 공통 영역에 영향을 주지 않는 본문 한정 초기화 */
body {margin:0;}
.qa-sub-page, .qa-sub-page *, .qa-sub-page *::before, .qa-sub-page *::after {box-sizing:border-box;}
.qa-sub-page {margin:0;padding:0;font-family:var(--qa-font);font-size:16px;font-weight:400;line-height:1.8;color:var(--qa-black);background:var(--qa-white);overflow-wrap:break-word;}
.qa-sub-page :where(h1,h2,h3,p,figure,ol,ul,li) {margin:0;padding:0;}
.qa-sub-page :where(h1,h2,h3) {font-family:inherit;font-weight:600;}
.qa-sub-page :where(ul,ol) {list-style:none;}
.qa-sub-page :where(a) {color:inherit;text-decoration:none;}
.qa-sub-page :where(img) {display:block;max-width:100%;height:auto;border:0;}
.qa-sub-page :where(p,h1,h2,h3) {word-break:keep-all;}
.qa-sub-page :where(strong) {font-weight:700;}
.qa-sub-page a:focus-visible {outline:3px solid var(--qa-gold);outline-offset:5px;}
.qa-sub-page :where(section[id]) {scroll-margin-top:100px;}

/* 공통 너비 — 원본 1560px / 본문 좌우 80px, 태블릿 40px, 모바일 20px */
.qa-sub-page .sub-intro-inner, .qa-sub-page .sub-method-inner, .qa-sub-page .sub-special-inner, .qa-sub-page .sub-checklist-inner {width:100%;max-width:var(--qa-max-width);margin:0 auto;padding:0 80px;}
.qa-sub-page .container {width:100%;max-width:var(--qa-max-width);margin:0 auto;padding:0 40px;}
.qa-sub-page .sub-intro, .qa-sub-page .sub-method, .qa-sub-page .sub-special, .qa-sub-page .sub-checklist, .qa-sub-page .sub-cta {padding:var(--qa-section-gap) 0;}
.qa-sub-page .section-label-en {all:revert;display:block;margin:0 0 16px;font-family:var(--qa-font);font-size:16px;font-weight:600;line-height:1.6;color:var(--qa-gold-text);}
.qa-sub-page .sub-section-header {margin-bottom:64px;text-align:center;}
.qa-sub-page .sub-section-title {margin:0 0 20px;font-size:32px;font-weight:500;line-height:1.45;color:var(--qa-black);}
.qa-sub-page .sub-section-title strong {font-weight:700;color:var(--qa-gold-text);}
.qa-sub-page .sub-section-sub, .qa-sub-page .sub-intro-body {font-size:16px;line-height:1.9;color:var(--qa-muted);}

/* HERO — 원본 ID·클래스·750px 높이와 PC 텍스트 기준점 유지 */
.qa-sub-page .sub-hero {position:relative;isolation:isolate;width:100%;min-height:750px;overflow:hidden;background:var(--qa-black);}
.qa-sub-page .sub-hero-bg {position:absolute;inset:0 0 0 52%;z-index:-1;background:var(--qa-hero);}
.qa-sub-page .sub-hero-bg img {width:100%;height:100%;object-fit:cover;}
.qa-sub-page .sub-hero-content {display:flex;align-items:center;width:100%;min-height:750px;padding:100px 80px;}
.qa-sub-page .sub-hero-inner {width:100%;max-width:600px;transform:translate(200px,70px);}
.qa-sub-page .sub-breadcrumb {margin-bottom:28px;}
.qa-sub-page .sub-breadcrumb ol {display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.qa-sub-page .sub-breadcrumb li {font-size:16px;color:var(--qa-light-text);}
.qa-sub-page .sub-breadcrumb li[aria-current="page"] {color:var(--qa-gold-light);}
.qa-sub-page .sub-breadcrumb a:hover {text-decoration:underline;text-underline-offset:5px;}
.qa-sub-page .sub-hero-title-en {margin:0;font-size:48px;font-weight:800;line-height:1.2;color:var(--qa-white);}
.qa-sub-page .sub-hero-subtitle {display:block;margin-top:22px;font-size:20px;font-weight:600;line-height:1.5;}
.qa-sub-page .sub-hero-divider {display:block;width:56px;height:1px;margin:24px 0;background:var(--qa-gold);}
.qa-sub-page .sub-hero-desc {font-size:16px;font-weight:400;line-height:1.9;color:var(--qa-light-text);}
.qa-sub-page .sub-hero-btns, .qa-sub-page .cta-btns {display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px;}
.qa-sub-page .btn-cta-primary, .qa-sub-page .btn-cta-secondary {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:14px 36px;border:1px solid var(--qa-gold);font-size:16px;font-weight:600;line-height:1.5;text-align:center;transition:background-color 0.35s ease,color 0.35s ease,border-color 0.35s ease;}
.qa-sub-page .btn-cta-primary {color:var(--qa-black);background:var(--qa-gold);}
.qa-sub-page .btn-cta-primary:hover {color:var(--qa-black);background:var(--qa-gold-light);border-color:var(--qa-gold-light);}
.qa-sub-page .btn-cta-secondary {color:var(--qa-white);background:var(--qa-black);border-color:var(--qa-line);}
.qa-sub-page .btn-cta-secondary:hover {color:var(--qa-black);background:var(--qa-white);border-color:var(--qa-white);}

/* PHILOSOPHY — 원본 4.5:5.5 분할 + 4열 원칙 카드 */
.qa-sub-page .intro-split {display:block;margin-bottom:100px;}
.qa-sub-page .intro-split-text {min-width:0;max-width:1000px;margin:0 auto;text-align:center;}
.qa-sub-page .intro-split-img {height:550px;overflow:hidden;background:var(--qa-line);}
.qa-sub-page .intro-split-img img {width:100%;height:100%;object-fit:cover;}
.qa-sub-page .intro-feature-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.qa-sub-page .intro-feature-item {position:relative;padding:36px 28px;border-top:2px solid var(--qa-gold);background:var(--qa-beige);}
.qa-sub-page .intro-feature-num {display:block;margin-bottom:28px;font-size:16px;font-weight:700;color:var(--qa-gold-text);}
.qa-sub-page .intro-feature-item > i {position:absolute;top:34px;right:28px;font-size:24px;color:var(--qa-gold-text);}
.qa-sub-page .intro-feature-item h3 {margin-bottom:16px;font-size:20px;line-height:1.5;}
.qa-sub-page .intro-feature-item p {font-size:16px;line-height:1.8;color:var(--qa-muted);}

/* DETAIL — 이미지·텍스트 교차 레이아웃 */
.qa-sub-page .sub-method {background:var(--qa-beige);}
.qa-sub-page .characteristic-grid {display:flex;flex-direction:column;gap:48px;}
.qa-sub-page .characteristic-card {display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--qa-white);}
.qa-sub-page .characteristic-card-img {min-width:0;min-height:360px;overflow:hidden;background:var(--qa-line);}
.qa-sub-page .characteristic-card-img img {width:100%;height:100%;aspect-ratio:5/4;object-fit:cover;}
.qa-sub-page .characteristic-card-content {display:grid;align-content:center;align-self:stretch;min-width:0;padding:48px;}
.qa-sub-page .characteristic-card-reverse .characteristic-card-img {grid-column:2;grid-row:1;}
.qa-sub-page .characteristic-card-reverse .characteristic-card-content {grid-column:1;grid-row:1;}
.qa-sub-page .characteristic-card-title {margin-bottom:24px;font-size:26px;font-weight:600;line-height:1.5;color:var(--qa-black);}
.qa-sub-page .characteristic-card-desc {font-size:16px;line-height:1.9;color:var(--qa-muted);}
.qa-sub-page .characteristic-card-desc + .characteristic-card-desc {margin-top:16px;}

/* MESSAGE / PROMISE */
.qa-sub-page .sub-special {background:var(--qa-black);}
.qa-sub-page .special-message {text-align:center;}
.qa-special-page #special.sub-special {position:relative;isolation:isolate;display:flex;align-items:center;min-height:550px;padding:48px 0;overflow:hidden;}
.qa-special-page .special-banner-bg {position:absolute;inset:0;z-index:0;}
.qa-special-page .special-banner-bg img {width:100%;height:100%;object-fit:cover;object-position:center;}
.qa-special-page .special-banner-overlay {position:absolute;inset:0;z-index:1;background:var(--qa-black);opacity:0.66;pointer-events:none;}
.qa-special-page .special-message {position:relative;z-index:2;}
.qa-sub-page.qa-special-page .sub-hero-overlay {opacity:0.35;}
.qa-sub-page.qa-special-page .sub-hero-desc {color:var(--qa-white);}
.qa-special-page .sub-checklist-inner > .sub-section-sub {text-align:center;}
.qa-sub-page .sub-special .section-label-en, .qa-sub-page .sub-special .sub-section-title strong {color:var(--qa-gold-light);}
.qa-sub-page .sub-special .sub-section-title {color:var(--qa-white);}
.qa-sub-page .sub-special .sub-section-sub {color:var(--qa-light-text);}
.qa-sub-page .promise-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;}
.qa-sub-page .promise-item {padding:32px 16px;border-top:1px solid var(--qa-line);text-align:center;}
.qa-sub-page .promise-item > i {display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:24px;border:1px solid var(--qa-line);border-radius:50%;font-size:28px;color:var(--qa-gold-text);background:var(--qa-beige);}
.qa-sub-page .promise-item h3 {margin-bottom:12px;font-size:20px;line-height:1.5;}
.qa-sub-page .promise-item p {font-size:16px;line-height:1.8;color:var(--qa-muted);}

/* CTA */
.qa-sub-page .sub-cta {background:var(--qa-black);}
.qa-sub-page .cta-inner {width:100%;max-width:960px;margin:0 auto;text-align:center;}
.qa-sub-page .cta-sub-en {margin-bottom:24px;font-size:16px;font-weight:600;line-height:1.8;color:var(--qa-gold-light);}
.qa-sub-page .cta-headline {margin-bottom:24px;font-size:38px;font-weight:500;line-height:1.45;color:var(--qa-white);}
.qa-sub-page .cta-headline strong {font-weight:700;color:var(--qa-gold-light);}
.qa-sub-page .cta-desc {font-size:16px;line-height:1.9;color:var(--qa-light-text);}
.qa-sub-page .cta-btns {justify-content:center;margin-top:36px;}
.qa-sub-page .medical-note {max-width:800px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--qa-muted);font-size:16px;line-height:1.8;color:var(--qa-light-text);}

/* GSAP / IntersectionObserver 공통 훅 — JS가 없어도 모든 내용 표시 */
.qa-sub-page .fade-up, .qa-sub-page .stagger-item {transition:transform 0.6s ease;}

/* TABLET */
@media screen and (max-width:1280px) {
  .qa-sub-page .sub-intro-inner, .qa-sub-page .sub-method-inner, .qa-sub-page .sub-special-inner, .qa-sub-page .sub-checklist-inner {padding:0 40px;}
  .qa-sub-page .sub-hero-content {padding-right:40px;padding-left:40px;}
  .qa-sub-page .intro-split {gap:48px;}
  .qa-sub-page .intro-feature-grid, .qa-sub-page .promise-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .qa-sub-page .characteristic-card-content {padding:36px;}
}
@media screen and (max-width:1024px) {
  .qa-sub-page {--qa-section-gap:90px;}
  .qa-sub-page .sub-hero-inner {transform:translate(80px,70px);}
  .qa-sub-page .sub-hero-title-en {font-size:38px;}
  .qa-sub-page .intro-split {grid-template-columns:1fr;gap:40px;margin-bottom:64px;}
  .qa-sub-page .intro-split-img {height:auto;aspect-ratio:16/10;}
  .qa-sub-page .characteristic-card {grid-template-columns:1fr;}
  .qa-sub-page .characteristic-card-img {min-height:0;}
  .qa-sub-page .characteristic-card-img img {height:auto;aspect-ratio:16/10;}
  .qa-sub-page .characteristic-card-reverse .characteristic-card-img, .qa-sub-page .characteristic-card-reverse .characteristic-card-content {grid-column:auto;grid-row:auto;}
}

/* MOBILE */
@media screen and (max-width:768px) {
  .qa-sub-page {--qa-section-gap:64px;}
  .qa-sub-page .sub-intro-inner, .qa-sub-page .sub-method-inner, .qa-sub-page .sub-special-inner, .qa-sub-page .sub-checklist-inner, .qa-sub-page .container {padding:0 20px;}
  .qa-sub-page .sub-hero {min-height:780px;}
  .qa-sub-page .sub-hero-bg {inset:0 0 auto;height:200px;}
  .qa-sub-page .sub-hero-bg img {object-position:center;}
  .qa-sub-page .sub-hero-content {min-height:780px;padding:240px 20px 64px;}
  .qa-sub-page .sub-hero-inner {max-width:none;transform:none;}
  .qa-sub-page .sub-hero-title-en {font-size:36px;}
  .qa-sub-page .sub-hero-subtitle {font-size:20px;}
  .qa-sub-page .sub-section-title {font-size:26px;}
  .qa-sub-page .sub-section-header {margin-bottom:40px;}
  .qa-sub-page .intro-split {gap:32px;margin-bottom:40px;}
  .qa-sub-page .intro-feature-grid, .qa-sub-page .promise-grid {grid-template-columns:1fr;gap:20px;}
  .qa-sub-page .intro-feature-item {padding:28px;}
  .qa-sub-page .characteristic-grid {gap:28px;}
  .qa-sub-page .characteristic-card-content {padding:28px 24px;}
  .qa-sub-page .characteristic-card-title {font-size:24px;}
  .qa-sub-page .promise-item {padding:28px 20px;}
  .qa-sub-page .cta-headline {font-size:28px;}
  .qa-sub-page .sub-hero-btns, .qa-sub-page .cta-btns {gap:12px;}
  .qa-sub-page .btn-cta-primary, .qa-sub-page .btn-cta-secondary {width:100%;padding:16px 20px;}
  .qa-sub-page .medical-note {text-align:left;}
}
@media (prefers-reduced-motion:reduce) {
  .qa-sub-page *, .qa-sub-page *::before, .qa-sub-page *::after {animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}