/* ── 홈 칼럼 칸: 큰 글 하나 + 작은 글 둘. 제목은 Paperlogy, 설명은 Wanted Sans. 라벨·날짜는 사이트 글꼴(Pretendard) ── */
.na-colgrid{display:grid;grid-template-columns:7fr 5fr;gap:28px;margin-top:40px;align-items:stretch}
.na-colhero{display:flex;flex-direction:column;text-decoration:none!important;color:#1a1a1a;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e6e9ef;transition:box-shadow .18s}
.na-colhero:hover{box-shadow:0 14px 34px rgba(20,30,50,.09)}
.na-colhero-img{aspect-ratio:16/9;background:#eef3f9;overflow:hidden}
.na-colhero-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.na-colhero:hover .na-colhero-img img{transform:scale(1.03)}
.na-colhero-body{padding:22px 26px 26px}
.na-colmeta{display:flex;gap:10px;align-items:center;font-size:1.3rem;color:#8a93a3;font-family:"Pretendard",sans-serif}
.na-colmeta.small{font-size:1.2rem;margin-top:6px}
.na-colchip{font-weight:700;color:#1b6ac9;background:#eaf1fd;border-radius:999px;padding:2px 9px}
.na-colhero-title{font-family:"Paperlogy","Pretendard","Apple SD Gothic Neo",sans-serif!important;font-size:2.6rem;line-height:1.3;font-weight:800;margin:12px 0 10px;letter-spacing:-.02em;word-break:keep-all}
.na-colhero-desc{font-family:"Wanted Sans Variable","Wanted Sans","Pretendard",sans-serif!important;font-weight:400;font-size:1.5rem;line-height:1.75;color:#4b5563;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.na-colmore{font-size:1.35rem;font-weight:600;color:#1b6ac9}
.na-colside{display:flex;flex-direction:column;gap:14px}
/* 옆 칸 두 장: 그림을 위에 크게, 글은 아래. 그림이 남는 높이를 다 채워서 큰 칸과 키가 맞는다(10/8 "옆이 횡해 보인다") */
.na-colrow{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-decoration:none!important;color:#1a1a1a;background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:12px;flex:1;min-height:0;transition:box-shadow .18s}
.na-colrow:hover{box-shadow:0 10px 26px rgba(20,30,50,.08)}
.na-colrow-img{flex:1 1 auto;min-height:120px;border-radius:10px;overflow:hidden;background:#eef3f9}
.na-colrow-img img{width:100%;height:100%;object-fit:cover;display:block}
.na-colrow-body{min-width:0;flex:none;padding:0 4px 4px}
.na-colrow-title{font-family:"Paperlogy","Pretendard","Apple SD Gothic Neo",sans-serif!important;font-size:1.7rem;line-height:1.38;font-weight:700;margin:0;letter-spacing:-.015em;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.na-colcard-empty{grid-column:1/-1;color:#8a93a3;text-align:center;padding:30px 0}

/* ── 홈 두 칸 머리말: 작은 영문 라벨 + 한글 제목 + 더보기 ── */
.na-home-sec .na-eyebrow{display:inline-block;font-family:"Unbounded","Paperlogy",sans-serif!important;font-size:1.3rem;font-weight:800;letter-spacing:.02em;color:#1b6ac9;margin-bottom:8px}
.na-home-sec .sechgroup > hgroup > h2.na-sec-title{font-size:3.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;word-break:keep-all}
.na-home-sec .sechgroup > hgroup > p{font-size:1.6rem;padding-top:8px}
.na-home-sec .sechgroup > .linkbtn{width:auto;height:auto;border:0}
.na-home-sec .sechgroup > .linkbtn > a{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;border:1px solid #d9dfe8;border-radius:999px;font-size:1.4rem;font-weight:600;color:#1a1a1a;line-height:1;transition:background .15s,border-color .15s}
.na-home-sec .sechgroup > .linkbtn > a:after{content:"→";font-weight:700;color:#1b6ac9}
.na-home-sec .sechgroup > .linkbtn > a:hover{background:#f4f7fb;border-color:#1b6ac9;font-weight:600}

/* ── 뉴스룸 칸: 회색 띠 위 매체 로고 타일. 칼럼과 다르게 보인다 ── */
.newsroomlink.na-news-sec{background:#f4f6fa;border-radius:24px;padding:72px 40px 64px;margin-top:10px}
.na-newstiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.na-newstile{display:flex;flex-direction:column;text-decoration:none!important;color:#1a1a1a;background:#fff;border-radius:14px;padding:18px 18px 16px;border:1px solid #e3e7ef;transition:transform .18s,box-shadow .18s}
.na-newstile:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,30,50,.08)}
.na-newstile-logo{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#f3f5f9;border-radius:10px;overflow:hidden;margin-bottom:14px;padding:8px}
.na-newstile-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.na-newstile-media{font-family:"Unbounded","Paperlogy",sans-serif!important;font-size:1.1rem;font-weight:800;letter-spacing:.02em;color:#1b6ac9;text-transform:uppercase}
.na-newstile-name{font-size:1.65rem;font-weight:700;margin:4px 0 6px}
.na-newstile-head{font-size:1.35rem;line-height:1.55;color:#5b6472;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.na-newstile-date{font-size:1.2rem;color:#9aa3b2;margin-top:10px}

@media (max-width:991px){.na-colgrid{grid-template-columns:1fr}.na-newstiles{grid-template-columns:1fr 1fr}
  /* 좁은 화면에선 다시 가로 한 줄(그림 왼쪽, 글 오른쪽) */
  .na-colrow{flex-direction:row;align-items:center;gap:16px}
  .na-colrow-img{flex:0 0 132px;aspect-ratio:4/3;min-height:0}
  .na-colrow-body{padding:0}}

/* ── 모바일 ── */
@media (max-width: 768px){
  .newsroomlink.na-home-sec{padding:44px 0 28px}
  .newsroomlink.na-news-sec{border-radius:0;padding:40px 0 34px;margin-top:0}
  .na-home-sec .sechgroup{display:grid;grid-template-columns:1fr auto;grid-template-areas:"eyebrow btn" "title title" "desc desc";align-items:center;text-align:left;column-gap:12px;padding:0 18px}
  .na-home-sec .sechgroup > hgroup{display:contents}
  .na-home-sec .na-eyebrow{grid-area:eyebrow;font-size:1.2rem;margin-bottom:0}
  .na-home-sec .sechgroup > hgroup > h2.na-sec-title{grid-area:title;font-size:2.2rem;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .na-home-sec .sechgroup > hgroup > p{grid-area:desc;font-size:1.3rem;padding-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .na-home-sec .sechgroup > .linkbtn{grid-area:btn;margin:0;justify-self:end}
  .na-home-sec .sechgroup > .linkbtn > a{height:34px;padding:0 13px;font-size:1.25rem}
  /* 칼럼: 큰 글 하나 + 작은 줄 둘, 세로로 */
  .na-colgrid{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding:6px 18px 4px}
  .na-colhero{border-radius:16px;box-shadow:0 6px 18px rgba(20,30,50,.06)}
  .na-colhero-body{padding:14px 16px 18px}
  .na-colhero-title{font-size:2rem;margin:10px 0 8px}
  .na-colhero-desc{font-size:1.4rem;-webkit-line-clamp:2;margin-bottom:10px}
  .na-colside{gap:10px}
  .na-colrow{padding:10px;border-radius:12px}
  .na-colrow-img{flex:0 0 96px}
  .na-colrow-title{font-size:1.5rem}
  /* 뉴스룸: 로고 타일 가로 스냅 */
  .na-newstiles{display:flex;gap:10px;margin-top:18px;padding:6px 18px 14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-left:18px}
  .na-newstiles::-webkit-scrollbar{display:none}
  .na-newstile{flex:0 0 64%;scroll-snap-align:start;padding:14px}
  .na-newstile:hover{transform:none}
  .na-newstile-logo{margin-bottom:10px;padding:6px}
  .na-newstile-name{font-size:1.5rem}
}