/* 홈 상단 3섹션 — 원본 banner.css / aa-image-cards.css 값 기준 (rem=10px 환산해 px로 고정) */
.tkh-hero,.tkh-overlay,.tkh-cards{--tkh-rate:((100vw - 575px) / (1600 - 575));font-family:Roboto,"Pretendard","Noto Sans KR",sans-serif}

/* 공통 오버레이 배너 */
.tkh-hero__inner,.tkh-overlay__inner{position:relative;overflow:hidden;display:flex}
.tkh-hero__inner::before,.tkh-overlay__inner::before{content:"";display:block;padding-top:calc(100% / var(--ar))}
.tkh-hero__inner{--ar:2.1333}
.tkh-overlay__inner{--ar:2.4}
.tkh-hero__media,.tkh-overlay__media{position:absolute;inset:0;display:block}
.tkh-hero__media img,.tkh-overlay__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.tkh-hero__content,.tkh-overlay__content{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:flex-start;text-align:left;width:90%;max-width:1230px;margin:0 auto}
.tkh-hero__box,.tkh-overlay__box{padding:clamp(32px,calc(32px + 18 * var(--tkh-rate)),50px) clamp(15px,calc(15px + 35 * var(--tkh-rate)),50px)}
.tkh-hero__box{max-width:60%;color:#333}
.tkh-overlay{background:#fff}
.tkh-overlay__inner::after{content:"";position:absolute;inset:0;background:#000;opacity:.05;pointer-events:none}
.tkh-overlay__box{max-width:55%;color:#fff}

.tkh-hero .tkh-label,.tkh-overlay .tkh-label{display:inline-block;padding:0 12px;border-radius:30px;background:#d0473e;color:#fff;font-size:14px;line-height:1.714}
.tkh-hero .tkh-label{margin-bottom:5px}
.tkh-overlay .tkh-label{margin-bottom:12px}

.tkh-hero__title,.tkh-overlay__title{margin:0 0 5px;font-weight:600;letter-spacing:-.034em;line-height:1.2;color:inherit}
.tkh-hero__title{font-size:clamp(38.4px,calc(38.4px + 21.6 * var(--tkh-rate)),60px)}
.tkh-hero__title span{display:block}
.tkh-overlay__title{font-size:clamp(42.24px,calc(42.24px + 23.76 * var(--tkh-rate)),66px)}
.tkh-overlay__sub{margin:0 0 5px;font-size:14px;font-weight:500;line-height:1.714}
.tkh-hero__answer,.tkh-overlay__desc{margin:0;font-size:14px;line-height:1.714}
.tkh-hero__answer{margin-bottom:12px}
.tkh-overlay__desc{margin-bottom:15px}

.tkh-hero .tkh-btn,.tkh-overlay .tkh-btn{display:inline-flex;align-items:center;margin-bottom:24px;padding:14px 36px;font-size:16px;font-weight:600;letter-spacing:-.024em;line-height:1.2;text-decoration:none;border:1px solid var(--b);background:var(--b);color:var(--c);transition:background .3s,color .3s,border-color .3s}
.tkh-hero .tkh-btn{--b:#111;--c:#fff}
.tkh-overlay .tkh-btn{--b:#fff;--c:#111}
.tkh-hero .tkh-btn:hover,.tkh-overlay .tkh-btn:hover{--b:#3456e6;--c:#fff}

@media (max-width:767px){
  .tkh-hero__inner{--ar:.5355}
  .tkh-overlay__inner{--ar:.536}
  .tkh-hero__content,.tkh-overlay__content{align-items:flex-start;width:100%}
  .tkh-hero__box,.tkh-overlay__box{max-width:100%}
  .tkh-hero .tkh-btn,.tkh-overlay .tkh-btn{padding:10px 30px}
  /* 한국어 답변 문단이 원본보다 길어 모바일에서 인물 위로 겹침 → 글자 축소 + 반투명 배경 */
  .tkh-hero__title{font-size:30px}
  .tkh-hero__answer{font-size:13px;line-height:1.6;padding:8px 10px;margin-left:-10px;border-radius:8px;background:rgba(255,255,255,.72)}
}

/* 이미지 카드 — 데스크톱 5개, 태블릿 4개, 모바일 2.2개 노출 + 가로 스크롤 */
.tkh-cards{background:#f5f5f5;padding:clamp(30px,calc(30px + 30 * var(--tkh-rate)),60px) 0 20px}
.tkh-cards__container{width:calc(90% - 30px);max-width:1200px;margin:0 auto}
.tkh-cards__track{--n:5;--gap:20px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));gap:var(--gap);margin:0;padding:5px 0 0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.tkh-cards__track::-webkit-scrollbar{display:none}
.tkh-cards__item{scroll-snap-align:start}
.tkh-cards__item:nth-child(2n){margin-top:-40px}
.tkh-cards__link{display:block;color:#333;text-decoration:none}
.tkh-cards__image{display:block;border-radius:12px;overflow:hidden}
.tkh-cards__image img{display:block;width:100%;height:auto;border-radius:12px;transition:transform .3s ease}
.tkh-cards__link:hover .tkh-cards__image img{transform:scale(1.05)}
.tkh-cards__text{display:block;margin-top:15px;text-align:center;font-size:clamp(24px,calc(24px + 12 * var(--tkh-rate)),36px);font-weight:600;letter-spacing:-.034em;line-height:1.2}
@media (max-width:1024px){.tkh-cards__track{--n:4}}
@media (max-width:767px){
  /* 원본 모바일: 한 장씩 꽉 차게(좌우 15px), 스와이프로 넘김 */
  .tkh-cards{padding:45px 0 50px}
  .tkh-cards__text{font-size:36px;margin-top:20px}
  .tkh-cards__container{width:calc(100% - 30px)}
  .tkh-cards__track{--n:1;--gap:16px;padding-top:2px}
  .tkh-cards__item:nth-child(2n){margin-top:-20px}
}