/* Advertising slots own their label and creative sizes independently. */
.ad-slot{display:flex;flex-direction:column;box-sizing:border-box}
.ad-slot .ad-label{flex:0 0 auto;min-height:28px;flex-wrap:wrap}
.ad-slot .ad-preview{flex:1 0 auto;height:auto;min-height:100px}
.ad-slot .ad-copy{box-sizing:border-box;max-width:100%;padding:16px 24px}
.ad-slot .ad-copy h2{font-family:'Noto Sans KR',sans-serif;line-height:1.45}
.ad-slot--leader .ad-preview{min-height:100px}
.portal-home .portal-feed>.ad-slot{height:100%}
.ad-slot--feed .ad-preview{height:auto;min-height:180px;align-items:center}
.ad-slot--feed .ad-copy{width:72%;padding:18px 26px}
.ad-slot--feed .ad-eyebrow{display:none}
.ad-slot--feed .ad-copy h2{font-size:23px;margin:0 0 8px}
.ad-slot--feed .ad-copy p{margin:0 0 10px;line-height:1.6}
.ad-slot--feed .ad-copy .ad-link{margin:0}
.ad-slot--footer .ad-preview{min-height:110px}
.ad-slot--rectangle,.route-ad-side{width:302px;max-width:100%;margin-left:auto;margin-right:auto}
.ad-slot--rectangle .ad-preview,.route-ad-side .ad-preview{flex:none;width:100%;height:auto;min-height:0;aspect-ratio:6/5;align-items:flex-start;justify-content:flex-start}
.ad-slot--rectangle .ad-preview:after,.route-ad-side .ad-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff8eef5 0%,#fff8eee6 48%,#fff8ee30 76%,transparent);z-index:-1}
.ad-slot--rectangle .ad-copy,.route-ad-side .ad-copy{width:78%;max-width:78%;text-align:left;padding:20px 16px}
.ad-slot--rectangle .ad-copy h2,.route-ad-side .ad-copy h2{font-size:22px;line-height:1.4;margin:6px 0 10px}
.ad-slot--rectangle .ad-copy p,.route-ad-side .ad-copy p{font-size:11px;line-height:1.65;margin:0 0 10px;max-width:170px}
.ad-slot--rectangle .ad-copy .ad-link{margin:0}
@media(min-width:1101px){
 .portal-home .portal-layout{grid-template-columns:minmax(0,2.35fr) minmax(0,1.45fr) minmax(210px,.95fr) 302px;grid-template-rows:minmax(390px,auto) minmax(210px,auto);gap:16px}
 .portal-home .portal-rail{gap:20px}
 .portal-home .portal-ranking{flex:1 0 auto;display:flex;flex-direction:column}
 .portal-home #portal-ranking-items{flex:1;display:flex;flex-direction:column}
 .portal-home .portal-ranking ol{flex:1;grid-auto-rows:minmax(23px,1fr)}
 .portal-home #portal-display{margin-top:auto}
 .portal-home .ed-hero{min-height:0}
}
@media(min-width:1101px) and (max-width:1550px){.portal-home .portal-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1.15fr) 210px 302px}.portal-home .ed-hero h1{font-size:25px}}
@media(min-width:601px) and (max-width:1100px){.portal-home .portal-layout{grid-template-rows:350px auto auto auto}.portal-home .portal-feed{min-height:210px}}
@media(max-width:600px){
 .ad-slot .ad-label{font-size:9px;gap:3px 8px;padding:6px 8px}
 .ad-slot--leader .ad-copy{width:100%;padding:14px 16px}
 .ad-slot--feed .ad-preview{min-height:175px}
 .ad-slot--feed .ad-copy{width:100%;padding:20px;background:#fff8efc7}
 .ad-slot--feed .ad-copy h2{font-size:21px}
 .ad-slot--footer .ad-copy{padding:18px 20px}
 .ad-slot--rectangle .ad-copy,.route-ad-side .ad-copy{padding:16px 14px}
 .ad-slot--rectangle .ad-copy h2,.route-ad-side .ad-copy h2{font-size:20px}
}

.newsroom-ad .ad-creative>picture,.newsroom-ad .ad-creative>a{display:block;width:100%;height:100%;min-height:0}.newsroom-ad .ad-creative picture{display:block;width:100%;height:100%}.newsroom-ad .ad-creative img{display:block;width:100%;height:100%;object-fit:contain}.newsroom-ad .ad-creative>a:focus-visible{outline:2px solid #17384e;outline-offset:-3px}
