/* 이 파일의 규칙은 모두 #p-<화면이름> 안쪽에만 걸립니다.
   접두사를 떼면 특이도가 낮아져 base.css 의 반응형 규칙을 덮어쓰게 되므로 그대로 둡니다. */
#p-en-news h1, #p-en-news h2, #p-en-news h3, #p-en-news h4{margin:0;font-weight:700;line-height:.95;color:var(--ink)}
#p-en-news p{margin:0}
#p-en-news :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#p-en-news .display-xl{font-size:clamp(32px, 20.4px + 3.09vw, 56px);font-weight:700;line-height:1.2}
#p-en-news .display-lg{font-size:clamp(26px, 19.2px + 1.80vw, 40px);font-weight:700;line-height:1}
#p-en-news .display-md{font-size:clamp(22px, 17.2px + 1.29vw, 32px);font-weight:700;line-height:1}
#p-en-news .heading-lg{font-size:24px;font-weight:700;line-height:.95}
#p-en-news .subtitle{font-size:19.2px;font-weight:600;line-height:1.3}
#p-en-news .body-lg{font-size:18px;line-height:1.5}
#p-en-news .body-md{font-size:16px;line-height:1.4}
#p-en-news .body-sm{font-size:14px;line-height:1.57}
#p-en-news .caption{font-size:12px;line-height:1.4}
#p-en-news .overline{font-size:12px;font-weight:700;line-height:1.45;letter-spacing:0}
#p-en-news  
.band{padding:var(--s-section) 64px}
#p-en-news .band.light{background:var(--canvas)}
#p-en-news .band.soft{background:var(--surface-soft)}
#p-en-news .band.dark{background:var(--surface-dark);color:var(--on-dark)}
#p-en-news .band.dark h1, #p-en-news .band.dark h2, #p-en-news .band.dark h3{color:var(--on-dark)}
#p-en-news .inner{max-width:1152px;margin:0 auto}
@media(max-width:900px){#p-en-news .band{padding:96px 24px}}
#p-en-news .btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:.144px;line-height:1;
  padding:14px 24px;border-radius:var(--r-xs);border:1px solid transparent;min-height:50px}
#p-en-news .btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
#p-en-news .band.dark .btn-primary{background:var(--accent-on-dark);color:var(--ink);border-color:var(--accent-on-dark)}
#p-en-news .btn-outline-dark{background:var(--canvas);color:var(--ink);border-color:var(--hairline-strong);padding:13px 23px}
#p-en-news .btn-outline-light{background:var(--surface-dark);color:var(--on-dark);border-color:var(--on-dark);padding:13px 23px}
#p-en-news .btns{display:flex;flex-wrap:wrap;gap:var(--s-sm)}
#p-en-news .more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ink);
  border-bottom:1px solid var(--ink);padding-bottom:2px;align-self:flex-start}
#p-en-news .band.dark .more{color:var(--on-dark);border-bottom-color:var(--on-dark)}
#p-en-news  
.hero{background:var(--surface-dark);color:var(--on-dark);padding:var(--s-section) 64px}
#p-en-news .hero .inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-xxxl)}
#p-en-news .hero .stack{display:flex;flex-direction:column;align-items:center;gap:var(--s-lg)}
#p-en-news .hero h1{color:var(--on-dark);max-width:18ch}
#p-en-news .hero .subtitle{color:var(--on-dark-mute);max-width:46ch}
@media(max-width:900px){#p-en-news .hero{padding:96px 24px}}
#p-en-news  
.filmband{background:var(--surface-dark);padding:0 64px var(--s-section)}
@media(max-width:900px){#p-en-news .filmband{padding:0 24px 96px}}
#p-en-news .film{max-width:1152px;margin:0 auto;height:542px;background:var(--surface-deep);
  display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--s-lg)}
@media(max-width:900px){#p-en-news .film{height:340px}}
#p-en-news .film .lb{font-size:11px;color:rgba(255,255,255,.35)}
#p-en-news  
.cloud{display:flex;flex-wrap:wrap;gap:var(--s-lg) 56px;align-items:center;margin-top:var(--s-xl);
  padding-top:var(--s-xl);border-top:1px solid var(--hairline-strong)}
#p-en-news .cloud .c{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
#p-en-news  
.frow{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s-xxxl)}
@media(max-width:900px){#p-en-news .frow{grid-template-columns:1fr;gap:var(--s-xl)}}
#p-en-news .fcopy{display:flex;flex-direction:column;gap:var(--s-md)}
#p-en-news .fcopy .d{font-size:17px;line-height:1.6;color:var(--charcoal)}
#p-en-news .band.dark .fcopy .d{color:var(--on-dark-mute)}
#p-en-news .fcopy ul{list-style:none;margin:var(--s-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s-xs)}
#p-en-news .fcopy li{font-size:16px;font-weight:700;color:var(--ink);border-top:1px solid var(--hairline);padding-top:var(--s-xs)}
#p-en-news .band.dark .fcopy li{color:var(--on-dark);border-top-color:var(--divider-dark)}
#p-en-news .fimg{height:440px;background:var(--surface-soft);
  display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--s-md)}
#p-en-news .band.dark .fimg{background:var(--surface-deep)}
#p-en-news .fimg .lb{font-size:11px;color:var(--ash)}
#p-en-news .band.dark .fimg .lb{color:rgba(255,255,255,.35)}
@media(max-width:900px){#p-en-news .fimg{height:260px}
#p-en-news .frow.rev .fimg{order:-1}}
#p-en-news  
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-xxxl);margin-top:var(--s-xxl)}
@media(max-width:767px){#p-en-news .nums{grid-template-columns:1fr;gap:var(--s-xl)}}
#p-en-news .nums .n{border-top:1px solid var(--hairline-strong);padding-top:var(--s-md);display:flex;flex-direction:column;gap:var(--s-xs)}
#p-en-news .nums .v{font-size:40px;font-weight:700;line-height:.95;color:var(--ink);font-variant-numeric:tabular-nums}
#p-en-news .nums .t{font-size:16px;font-weight:700;color:var(--ink);margin-top:4px}
#p-en-news .nums .d{font-size:14px;line-height:1.6;color:var(--mute)}
#p-en-news  
.cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-lg)}
#p-en-news .cta p{color:var(--on-dark-mute);max-width:50ch}
#p-en-news  
a{text-decoration:none;color:inherit}
#p-en-news .btn{transition:background-color .15s,color .15s,border-color .15s;cursor:pointer}
#p-en-news .btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
#p-en-news .band.dark .btn-primary:hover{background:#e6e6e6;border-color:#e6e6e6}
#p-en-news .btn-outline-light:hover{background:var(--on-dark);color:var(--ink)}
#p-en-news .more{transition:opacity .15s}
#p-en-news .more:hover{opacity:.6}
#p-en-news  
.arts{border-top:1px solid var(--hairline-strong);margin-top:var(--s-xxl)}
#p-en-news .art{display:grid;grid-template-columns:minmax(260px,1fr) 1.45fr;gap:var(--s-xxxl);
  padding:var(--s-xxxl) 0;border-bottom:1px solid var(--hairline)}
#p-en-news .art:last-of-type{border-bottom:0}
@media(max-width:900px){#p-en-news .art{grid-template-columns:1fr;gap:var(--s-lg);padding:var(--s-xl) 0}}
#p-en-news .art .meta{display:flex;gap:var(--s-sm);align-items:center;margin-bottom:var(--s-md)}
#p-en-news .art .dt{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ash);font-variant-numeric:tabular-nums}
#p-en-news .art .cat{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--mute);
  border:1px solid var(--stone);padding:3px 8px;line-height:1}
#p-en-news .art h3{font-size:30px;line-height:1.05;color:var(--ink)}
@media(max-width:767px){#p-en-news .art h3{font-size:24px}}
#p-en-news .art .side{align-self:start}
#p-en-news .art .main{display:flex;flex-direction:column;gap:var(--s-lg);align-items:flex-start}
#p-en-news .art .lede{font-size:17px;line-height:1.7;color:var(--charcoal)}
#p-en-news .ev{width:100%;border-top:1px solid var(--hairline-strong);padding-top:var(--s-xs)}
#p-en-news .ev .rw{display:grid;grid-template-columns:1fr auto;gap:var(--s-md);align-items:baseline;
  padding:10px 0;border-bottom:1px solid var(--hairline)}
#p-en-news .ev .rw:last-child{border-bottom:0}
#p-en-news .ev .k{font-size:14px;line-height:1.45;color:var(--mute)}
#p-en-news .ev .n{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#p-en-news .ev .rw.hi .k{color:var(--ink);font-weight:700}
#p-en-news .evcap{font-size:12px;line-height:1.6;color:var(--ash);margin-top:var(--s-sm)}
#p-en-news .vs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-lg);width:100%}
@media(max-width:600px){#p-en-news .vs{grid-template-columns:1fr;gap:var(--s-md)}}
#p-en-news .vs .col{border-top:2px solid var(--hairline-strong);padding-top:var(--s-sm)}
#p-en-news .vs .col.off{border-top-color:var(--stone)}
#p-en-news .vs .cl{font-size:14px;font-weight:700;color:var(--ink)}
#p-en-news .vs .col.off .cl{color:var(--mute)}
#p-en-news .vs .cd{font-size:14px;line-height:1.65;color:var(--mute);margin-top:8px}
#p-en-news .xref{margin-top:var(--s-xxl);border-top:1px solid var(--hairline-strong);padding-top:var(--s-md);
  display:flex;gap:var(--s-md);flex-wrap:wrap;align-items:baseline;justify-content:space-between}
#p-en-news .xref .q{font-size:14px;line-height:1.6;color:var(--mute);max-width:62ch}
#p-en-news  
.bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;font-weight:700;
  letter-spacing:.06em;color:rgba(255,255,255,.45);margin-bottom:var(--s-xl)}
#p-en-news .bc a{color:rgba(255,255,255,.45);transition:color .15s}
#p-en-news .bc a:hover{color:var(--on-dark)}
#p-en-news .bc .sep{color:rgba(255,255,255,.25)}
#p-en-news .bc .cur{color:var(--on-dark)}
#p-en-news  
.nhead{background:var(--surface-dark);color:var(--on-dark);padding:var(--s-section) 64px var(--s-xxxl)}
@media(max-width:900px){#p-en-news .nhead{padding:64px 24px 32px}}
#p-en-news .nhead .in{max-width:1152px;margin:0 auto}
#p-en-news .nhead h1{color:var(--on-dark)}
#p-en-news .nhead .sub{font-size:19px;line-height:1.6;color:var(--on-dark-mute);max-width:56ch;margin-top:var(--s-lg)}
#p-en-news .yr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--s-xxxl);
  border-top:1px solid var(--hairline-strong);padding-top:var(--s-lg);margin-top:var(--s-xxxl)}
#p-en-news .yr:first-of-type{margin-top:var(--s-xl)}
@media(max-width:900px){#p-en-news .yr{grid-template-columns:1fr;gap:var(--s-md)}}
#p-en-news .yr .y{font-size:40px;font-weight:700;line-height:.95;color:var(--stone);font-variant-numeric:tabular-nums}
@media(max-width:900px){#p-en-news .yr .y{font-size:28px}}
#p-en-news .items{display:flex;flex-direction:column}
#p-en-news .item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--s-lg);
  padding:var(--s-lg) 0;border-bottom:1px solid var(--hairline)}
#p-en-news .item:last-child{border-bottom:0}
@media(max-width:600px){#p-en-news .item{grid-template-columns:1fr;gap:var(--s-xs)}}
#p-en-news .item .dt{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ash);font-variant-numeric:tabular-nums;padding-top:3px}
#p-en-news .item .bd{display:flex;flex-direction:column;gap:var(--s-xs);align-items:flex-start}
#p-en-news .item .cat{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--mute);
  border:1px solid var(--stone);padding:3px 8px;line-height:1}
#p-en-news .item h3{font-size:21px;font-weight:700;line-height:1.3;color:var(--ink)}
@media(max-width:767px){#p-en-news .item h3{font-size:18px}}
#p-en-news .item .d{font-size:15px;line-height:1.7;color:var(--mute)}
#p-en-news .item .src{font-size:12px;color:var(--ash);letter-spacing:.02em}
@media(max-width:900px){#p-en-news .trio{grid-template-columns:1fr}}
#p-en-news .trio .i{background:var(--canvas);padding:var(--s-xl);display:flex;flex-direction:column;gap:var(--s-sm)}
#p-en-news .trio .v{font-size:34px;font-weight:700;line-height:.95;color:var(--ink);font-variant-numeric:tabular-nums}
#p-en-news .trio .t{font-size:17px;font-weight:700;line-height:1.3;color:var(--ink)}
#p-en-news .trio .d{font-size:14px;line-height:1.7;color:var(--mute)}
#p-en-news .trio .s{font-size:12px;line-height:1.5;color:var(--ash);border-top:1px solid var(--hairline);padding-top:var(--s-sm);margin-top:auto}
#p-en-news .spec{border-top:1px solid var(--hairline-strong);margin-top:var(--s-xxl)}
#p-en-news .spec .r{display:grid;grid-template-columns:230px 180px 1fr;gap:var(--s-lg);align-items:baseline;
  padding:var(--s-lg) 0;border-bottom:1px solid var(--hairline)}
@media(max-width:767px){#p-en-news .spec .r{grid-template-columns:1fr;gap:4px}}
#p-en-news .spec .k{font-size:16px;font-weight:700;color:var(--ink)}
#p-en-news .spec .v{font-size:22px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
#p-en-news .spec .c{font-size:14px;line-height:1.6;color:var(--mute)}
#p-en-news .iface{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-xxxl);margin-top:var(--s-xxl)}
@media(max-width:900px){#p-en-news .iface{grid-template-columns:1fr;gap:var(--s-xl)}}
#p-en-news .iface ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-xs)}
#p-en-news .iface li{font-size:16px;color:var(--on-dark);border-top:1px solid var(--divider-dark);padding-top:var(--s-xs)}
#p-en-news .iface .d{font-size:17px;line-height:1.6;color:var(--on-dark-mute)}
#p-en-news a{text-decoration:none;color:inherit}
#p-en-news .arts{border-top:1px solid var(--hairline-strong);margin-top:var(--s-xxl)}
#p-en-news .display-xl, #p-en-news .display-lg, #p-en-news .display-md{line-height:.95}
#p-en-news .nhead{padding-bottom:var(--s-xxxl)}
#p-en-news .nhead + .band{padding-top:96px}
@media(max-width:900px){#p-en-news .nhead{padding-bottom:32px}
#p-en-news .nhead + .band{padding-top:64px}}
#p-en-news .nhead{padding-top:204px!important}
@media(max-width:900px){#p-en-news .nhead{padding-top:156px!important}}

/* 원문 상세가 있는 항목만 제목이 링크가 됩니다. 손을 얹으면 밑줄이 그어집니다. */
#p-en-news .item h3 a{color:inherit}
#p-en-news .item h3 a:hover{text-decoration:underline;text-underline-offset:4px}