@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&family=Noto+Serif+KR:wght@700;900&family=Roboto:wght@400;500;700;900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html{font-size: 10px;}
body { min-width:1250px; font-family:Roboto, Arial, Helvetica, sans-serif; font-style:normal; font-size:1.6rem; color:#111; line-height:normal; letter-spacing:0; position:relative; }
ol, ul { list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:none; }
table { border-collapse:collapse; border-spacing:0; }
legend { display:none; }
em, address { font-style:normal; font-weight:normal; }
button { cursor:pointer; border:0; }
img { vertical-align:top; border:0; }
a { color:#111; text-decoration:none; }
a:active, a:focus, a:link, a:visited { text-decoration:none; }
a:hover { color:#4fa9b5; text-decoration:none; }
input[type="text"] {padding: 0; border: 1px solid #ccc;border-radius: 0; box-sizing: border-box;}
.hide { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }

.content-inner { width:1250px; margin-right:auto; margin-left:auto; }

.header { position:relative; height:175px; background:#fff; z-index:20; }
.market-ticker { height:30px; overflow:hidden; background:#303030; color:#fff; font-family:Roboto, Arial, Helvetica, sans-serif; }
.market-ticker__viewport { position:relative; width:100%; min-width:1250px; height:30px; overflow:hidden; }
.market-ticker__list { display:flex; position:relative; width:max-content; height:30px; will-change:margin-left; }
.market-ticker__item { display:flex; align-items:center; flex:0 0 auto; gap:0; box-sizing:border-box; height:30px; padding:0 15px; border-right:1px solid #555; font-size:13px; line-height:30px; white-space:nowrap; }
.market-ticker__item:first-child, .market-ticker__item--first { padding-left:0; }
.market-ticker__item:last-child, .market-ticker__item--last { padding-right:0; border-right:0; }
.market-ticker__item--last { position:relative; margin-right:20px; }
.market-ticker__item--last:after { content:""; position:absolute; top:0; right:-10px; width:1px; height:30px; background:#555; }
.market-ticker__name { color:#fff; font-weight:400; }
.market-ticker__value { margin-left:14px; font-size:14px; font-weight:700; }
.market-ticker__change { display:inline-flex; align-items:center; gap:6px; position:relative; margin-left:9px; padding-left:14px; font-weight:400; }
.market-ticker__change:before { content:""; position:absolute; left:0; top:50%; width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; transform:translateY(-50%); }
.market-ticker__change--up { color:#ee3838; }
.market-ticker__change--up:before { border-bottom:7px solid #ee3838; }
.market-ticker__change--down { color:#258cc5; }
.market-ticker__change--down:before { border-top:7px solid #258cc5; }
.market-ticker__change--flat { color:#ccc; }
.market-ticker__change--flat:before { width:8px; height:2px; border:0; background:currentColor; }

.header__brand { display:flex; align-items:center; position:relative; height:103px; }
.header__logo { display:block; flex:0 0 95px; width:95px; height:43px; }
.header__logo img { display:block; width:95px; height:43px; }
.header__identity { align-self:center; position:absolute; left:110px; top:29px; margin-left:0; color:#1e2124; font-family:Roboto, Arial, Helvetica, sans-serif; }
.header__identity strong, .header__identity time { display:block; }
.header__identity strong { font-size:17px; font-weight:700; line-height:30px; letter-spacing:-.05px; }
.header__identity time { margin-top:-7px; color:#888; font-size:13px; line-height:28px; }
.site-search { display:flex; position:absolute; right:80px; top:30px; width:300px; height:44px; border:1px solid #ccc; border-radius:25px; box-sizing:border-box; background:#fff; }
.site-search input[type="text"] { flex:1 1 auto; min-width:0; height:42px; padding:0 14px 0 23px; border:0; background:transparent; color:#111; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:15px; line-height:30px; outline:0; }
.site-search input[type="text"]::placeholder { color:#aaa; }
.site-search:focus-within { border-color:#4fa9b5; box-shadow:0 0 0 1px #4fa9b5; }
.site-search__button { flex:0 0 50px; width:50px; height:41px; padding:0; border-radius:0 25px 25px 0; background:transparent url('../img/icon-search.png') no-repeat center; }
.header__signin { position:absolute; right:0; top:39px; width:70px; height:26px; border-radius:13px; background:#303030; color:#fff; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:13px; line-height:26px; text-align:center; }
.header__signin:hover, .header__signin:focus { color:#fff; background:#4fa9b5; }

.site-nav { display:flex; align-items:center; height:42px; border-top:1px solid #111; border-bottom:1px solid #ccc; box-sizing:border-box; }
.site-nav__menu { flex:0 0 36px; width:36px; height:40px; padding:0; background:transparent url('../img/icon-menu_2.png') no-repeat 10px center; }
.site-nav__list { display:flex; align-items:center; justify-content:flex-start; flex:1 1 auto; height:40px; font-family:Roboto, Arial, Helvetica, sans-serif; }
.site-nav__list li { flex:0 0 auto; box-sizing:border-box; }
.site-nav__list li:nth-child(1) { width:89px; }
.site-nav__list li:nth-child(2) { width:66px; }
.site-nav__list li:nth-child(3) { width:79px; }
.site-nav__list li:nth-child(4) { width:64px; }
.site-nav__list li:nth-child(5) { width:75px; }
.site-nav__list li:nth-child(6) { width:101px; }
.site-nav__list li:nth-child(7) { width:71px; }
.site-nav__list li:nth-child(8) { width:102px; }
.site-nav__list li:nth-child(9) { display:none; }
.site-nav__list li:nth-child(10) { width:117px; }
.site-nav__list li:nth-child(11) { width:80px; }
.site-nav__list li:nth-child(12) { width:74px; }
.site-nav__list li:nth-child(13) { width:78px; }
.site-nav__list li:nth-child(14) { width:56px; }
.site-nav__list li:nth-child(15) { width:94px; }
.site-nav__list li:nth-child(16) { width:68px; }
.site-nav__list a { display:block; padding:0 0 0 10px; color:#1e2124; font-size:14px; font-weight:500; line-height:31px; white-space:nowrap; }
.site-nav__list li:nth-last-child(-n+4) a { color:#232a8c; font-weight:700; }
.site-nav__list a:hover, .site-nav__list a:focus { color:#4fa9b5; }

.all-sections { display:none; position:absolute; left:0; top:134px; width:100%; background:#fff; box-shadow:0 10px 13px rgba(0,0,0,.1); }
.all-sections.is-open { display:block; }
.header.is-menu-open .site-nav { visibility:hidden; }
.all-sections__bar { display:flex; align-items:center; justify-content:center; position:relative; height:42px; border-top:1px solid #111; border-bottom:1px solid #ccc; box-sizing:border-box; font-family:Roboto, Arial, Helvetica, sans-serif; }
.all-sections__bar strong { font-size:16px; font-weight:700; line-height:30px; }
.all-sections__close { position:absolute; left:0; top:0; width:36px; height:40px; padding:0; background:transparent url('../img/icon-close-black.png') no-repeat 10px center; }
.all-sections__body { height:420px; background:#fff; }
.all-sections__inner { display:flex; padding-top:42px; box-sizing:border-box; }
.all-sections__columns { display:flex; justify-content:flex-start; flex:0 0 968px; width:968px; }
.all-sections__column { flex:0 0 auto; position:relative; width:80px; }
.all-sections__column:nth-child(1) { width:180px; }
.all-sections__column:nth-child(2) { width:178px; }
.all-sections__column:nth-child(3) { width:178px; }
.all-sections__column:nth-child(4) { width:180px; }
.all-sections__column:nth-child(5) { width:176px; }
.all-sections__column:nth-child(6) { width:76px; }
.all-sections__title { display:block; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; line-height:30px; }
.all-sections__title a { color:#111; white-space:nowrap; }
.all-sections__group ul { margin-top:3px; }
.all-sections__group li + li { margin-top:0; }
.all-sections__group li a { color:#666; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; }
.all-sections__group a:hover, .all-sections__group a:focus { color:#4fa9b5; }
.all-sections__group--lower, .all-sections__group--compact { position:absolute; left:0; top:207px; margin-top:0; }
.all-sections__group--compact ul { margin-top:18px; }
.all-sections__group--compact .all-sections__title + .all-sections__title { margin-top:22px; }
.all-sections__group--special { position:absolute; left:0; top:148px; margin-top:0; }
.all-sections__group--special .all-sections__title + .all-sections__title { margin-top:22px; }
.all-sections__columns--ordered { position:relative; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; row-gap:24px; }
.all-sections__columns--ordered > .all-sections__group { position:static; flex:0 0 auto; margin-top:0; }
.all-sections__columns--ordered > .all-sections__group--ajp-now { order:1; width:180px; }
.all-sections__columns--ordered > .all-sections__group--policy { order:2; width:178px; }
.all-sections__columns--ordered > .all-sections__group--industry { order:3; width:178px; }
.all-sections__columns--ordered > .all-sections__group--world { order:4; width:180px; }
.all-sections__columns--ordered > .all-sections__group--entertainment { order:5; width:176px; }
.all-sections__columns--ordered > .all-sections__group--visuals { order:6; width:76px; }
.all-sections__columns--ordered > .all-sections__group--opinion { order:7; width:180px; }
.all-sections__columns--ordered > .all-sections__group--technology { order:8; width:178px; }
.all-sections__columns--ordered > .all-sections__group--market { order:9; width:178px; }
.all-sections__columns--ordered > .all-sections__group--north-korea { order:10; width:180px; }
.all-sections__columns--ordered > .all-sections__group--lifestyle { order:11; width:176px; }
.all-sections__columns--ordered > .all-sections__group--special { position:absolute; left:892px; top:148px; }
.all-sections__featured { flex:0 0 179px; width:179px; height:320px; margin-left:103px; margin-top:8px; padding:16px 20px; box-sizing:border-box; background:#f6f9fc; border-radius:10px; }
.all-sections__featured a { color:#4fa9b5; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:15px; font-weight:700; line-height:40px; }

.main-content { padding-top:27px; }
.news-thumb { display:block; overflow:hidden; background:#e9edf0; }
.news-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.story-kicker { display:block; color:#4fa9b5; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; font-weight:500; line-height:21px; }
.story-summary { display:-webkit-box; overflow:hidden; color:#818a9b; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; line-height:21px; -webkit-box-orient:vertical; }

/* 썸네일 공통 라인 */
.news-thumb,.sub-thumb,.atc_related .thumb { position:relative; }
.news-thumb:after,.sub-thumb:after,.atc_related .thumb:after { content:""; position:absolute; inset:0; border:1px solid rgba(0,0,0,.05); pointer-events:none; }

.lead-news { display:flex; align-items:flex-start; gap:30px; }
.lead-news__briefs { order:1; flex:0 0 350px; width:350px; }
.lead-news__features { order:2; flex:0 0 870px; position:relative; width:870px; margin-top:3px; padding:30px 29px 30px 31px; box-sizing:border-box; background:transparent; }
.lead-news__features:before { content:""; position:absolute; left:0; top:0; z-index:0; width:870px; height:1255px; border-radius:15px; background:#f7f8f9; }
.lead-news__features > * { position:relative; z-index:1; }
.lead-filter { display:flex; align-items:flex-start; height:52px; border-bottom:2px solid #111; box-sizing:border-box; }
.lead-filter h2 { flex:0 0 110px; width:110px; padding-top:4px; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:25px; font-weight:900; line-height:30px; white-space:nowrap; }
.lead-filter__tabs { display:flex; gap:3px; margin:3px 0 0 31px; }
.lead-filter__tab { height:32px; padding:0 10px; border:1px solid #ccc; background:#fff; color:#111; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; line-height:31px; }
.lead-filter__tab:first-child { width:40px; padding:0; }
.lead-filter__tab:nth-child(2), .lead-filter__tab:nth-child(3) { width:50px; padding:0; }
.lead-filter__tab:last-child { width:63px; }
.lead-filter__tab.is-active { border-color:#231815; background:#231815; color:#fff; font-weight:500; }
.news-brief { /*height:161px;*/ padding:15px 0 16px; border-bottom:1px solid #ddd; box-sizing:border-box; }
.news-brief .story-title { font-family:'Noto Serif KR', Georgia, serif; font-size:16px; font-weight:900; line-height:25px; }
.news-brief .story-summary { margin-top:4px; }
.news-meta { display:flex; align-items:center; gap:3px; height:25px; margin-top:9px; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; line-height:21px; }
.news-meta time { flex:0 0 35px; margin-right:auto; color:#333; }
.news-meta a { display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:auto; height:25px; padding:0 6px; border:1px solid #4fa9b5; box-sizing:border-box; color:#4fa9b5; font-size:12px; line-height:24px; white-space:nowrap; }
.fact-card { position:relative; height:335px; margin:20px 0 0; padding:50px 15px 15px; box-sizing:border-box; border-radius:15px; background:#231815; color:#fff; }
.fact-card > .story-kicker { display:flex; align-items:center; justify-content:center; position:absolute; left:14px; top:0; width:76px; height:30px; background:#4fa9b5; color:#fff; font-size:15px; font-weight:500; line-height:30px; }
.fact-card .news-thumb { width:320px; height:200px; margin-top:0; }
.fact-card .story-title { margin-top:15px; font-family:'Noto Serif KR', Georgia, serif; font-size:18px; font-weight:900; line-height:25px; }
.fact-card .story-title a { color:#fff; }

.feature-hero { display:flex; gap:20px; padding-bottom:20px; }
.feature-hero .news-thumb { flex:0 0 460px; width:460px; height:317px; }
.feature-hero__content { align-self:center; }
.feature-hero .story-kicker { font-size:16px; font-weight:700; line-height:21px; }
.feature-hero .story-title { margin-top:1px; font-family:'Noto Serif KR', Georgia, serif; font-size:28px; font-weight:900; line-height:40px; }
.feature-hero .story-summary { margin-top:11px; -webkit-line-clamp:5; }
.feature-wide { display:flex; gap:20px; padding:20px 0; border-top:1px solid #dfdfdf; }
.feature-wide .news-thumb { flex:0 0 260px; width:260px; height:180px; }
.feature-wide__content { flex:1 1 auto; align-self:center; }
.feature-wide .story-kicker { font-size:16px; font-weight:700; }
.feature-wide .story-title { margin-top:5px; font-family:'Noto Serif KR', Georgia, serif; font-size:22px; font-weight:900; line-height:30px; }
.feature-wide .story-summary { margin-top:11px; }
.feature-grid { display:flex; flex-wrap:wrap; }
.feature-small { display:flex; flex-wrap:wrap; align-items:center; align-content:flex-start; flex:0 0 50%; position:relative; column-gap:15px; row-gap:11px; padding:25px 20px 25px 0; border-top:1px solid #dfdfdf; box-sizing:border-box; }
.feature-small:nth-child(even) { padding-right:0; padding-left:20px; border-left:1px solid #dfdfdf; }
.feature-small .news-thumb { flex:0 0 170px; width:170px; height:120px; }
.feature-small > div { flex:1 1 0; min-width:0; }
.feature-small .story-title { /*margin-top:4px;*/ font-family:'Noto Serif KR', Georgia, serif; font-size:18px; font-weight:900; line-height:25px; }
.feature-small .story-summary { flex:0 0 100%; min-width:0; margin-top:0; }
.opinion-box { height:253px; margin:20px -29px -30px -31px; padding:20px 29px 25px 31px; border-radius:15px; box-sizing:border-box; background:#4fa9b5; color:#fff; }
.opinion-box__title { font-family:Roboto, Arial, Helvetica, sans-serif; font-size:22px; font-weight:700; line-height:21px; }
.opinion-box__title a { display:inline-flex; align-items:center; color:#fff; }
.opinion-box__title a:after { content:""; flex:0 0 8px; width:8px; height:14px; margin-left:6px; background:url('../img/icon-chevron-right-white-sm.png') no-repeat center; }
.opinion-box__title a:hover, .opinion-box__title a:focus { color:#fff; }
.opinion-box__items { display:flex; margin-top:16px; }
.opinion-card { display:flex; flex:0 0 50%; position:relative; gap:16px; height:171px; box-sizing:border-box; }
.opinion-card + .opinion-card { padding-left:20px; border-left:1px solid rgba(255,255,255,.4); }
.opinion-card .news-thumb { flex:0 0 170px; width:170px; height:120px; }
.opinion-card > div { flex:1 1 auto; min-width:0; }
.opinion-card .story-title { margin-top:20px; font-family:'Noto Serif KR', Georgia, serif; font-size:18px; font-weight:900; line-height:25px; }
.opinion-card .story-title a { color:#fff; }
.opinion-card .story-summary { position:absolute; left:0; right:20px; top:131px; margin-top:0; color:#b7f1f9; }
.opinion-card + .opinion-card .story-summary { right:0; left:20px; }
.opinion-card:nth-child(1) { padding-right:20px; }


.section-block { margin-top:73px; }
.section-block.interactive-data {margin-top:50px;}
.section-heading { padding:0 0 15px 0px; border-bottom:1px solid #222; box-sizing:border-box; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:30px; font-weight:900; line-height:30px; }
.interactive-data__body { display:flex; position:relative; gap:40px; padding-top:21px; }
.interactive-card { flex:0 0 605px; width:605px; }
.interactive-card .news-thumb { width:605px; height:399px; }
.interactive-card .story-kicker { display:block; margin-top:16px; font-size:16px; }
.interactive-card .story-title { margin-top:10px; font-family:'Noto Serif KR', Georgia, serif; font-size:25px; font-weight:900; line-height:35px; }
.data-cards { display:flex; flex:0 0 605px; flex-wrap:wrap; gap:18px 25px; width:605px; }
.data-card { flex:0 0 290px; width:290px; }
.data-card .news-thumb { width:290px; height:180px; }
.data-card .story-kicker { display:block; margin-top:11px; font-size:16px; }
.data-card .story-title { margin-top:8px; font-family:'Noto Serif KR', Georgia, serif; font-size:17px; font-weight:900; line-height:26px; }

.ad_block {width: 1250px; margin-right: auto; margin-left: auto; margin-top:30px; display: flex; justify-content: space-between;}
.ad_block .ad_350 {width:350px;}
.ad_block .ad_870 {width:870px;}

.video-section { margin-top:78px; }
.video-list { display:flex; justify-content:space-between; position:relative; padding-top:19px; }
.video-card { flex:0 0 401px; width:401px; }
.video-card .news-thumb { width:401px; height:226px; }
.video-card .story-title { margin-top:10px; font-family:'Noto Serif KR', Georgia, serif; font-size:18px; font-weight:900; line-height:25px; -webkit-line-clamp:1; }
.video-card > .story-kicker { display:inline-flex; align-items:center; margin-top:11px; font-size:16px; font-weight:700; }
/* .video-card > .story-kicker:after { content:""; flex:0 0 6px; width:6px; height:10px; margin-left:4px; background:url('../img/icon-chevron-right-teal-xs.png') no-repeat center; } */
.video_area { width:1250px; display:flex; justify-content:space-between; margin-top:10px; }
.video-list .ty1_video { width:610px; aspect-ratio:16 / 9; overflow:hidden; }
.video-list .ty1_video iframe { width: 100%; height: 100%; object-fit: cover; border: 0; display: block; border-radius:15px; }
.video-list .ty2_shorts { width:619px; display:flex; gap:20px; }
.video-list .ty2_shorts li { width:193px; aspect-ratio:9 / 16; overflow:hidden; }
.video-list .ty2_shorts li .thumb { width:100%; height:100%; border:0; display:block; border-radius:15px; overflow:hidden; position:relative; }
.video-list .ty2_shorts li .thumb img { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; bottom: 0; transform: translate(-50%, 0); transition: 0.5s; object-fit: cover; }

.entertainment-section { margin-top:72px; }
.entertainment-section .section-heading a { display:inline-flex; align-items:center; }
.entertainment-section .section-heading a:after { content:""; flex:0 0 12px; width:12px; height:20px; margin-left:8px; background:url('../img/icon-chevron-right-black-lg.png') no-repeat center; }
.entertainment-layout { display:flex; position:relative; height:270px; gap:20px; padding-top:20px; }
.entertainment-main { display:flex; flex:0 0 750px; gap:34px; width:750px; }
.entertainment-main > div { flex:0 0 306px; width:306px; padding-top:17px; }
.entertainment-main .news-thumb { flex:0 0 410px; width:410px; height:270px; }
.entertainment-main .story-title { width:257px; font-family:'Noto Serif KR', Georgia, serif; font-size:25px; font-weight:900; line-height:35px; }
.entertainment-main .story-summary { margin-top:9px; }
.entertainment-side { flex:0 0 480px; width:480px; border-left:1px solid #ddd; box-sizing:border-box; }
.entertainment-side article { display:flex; justify-content:space-between; gap:20px; padding-left:20px; }
.entertainment-side article + article { margin-top:15px; padding-top:15px; border-top:1px solid #ddd; }
.entertainment-side article > div { flex:1 1 auto; min-width:0; }
.entertainment-side .news-thumb { flex:0 0 160px; width:160px; height:120px; }
.entertainment-side .story-title { font-family:'Noto Serif KR', Georgia, serif; font-size:18px; font-weight:900; line-height:25px; }
.entertainment-side .story-summary { margin-top:10px; }

.visuals-section { height:593px; margin-top:80px; padding:45px 0 50px; box-sizing:border-box; background:#202020; color:#fff; }
.visuals-section > h2 { margin-bottom:54px; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:40px; font-weight:700; line-height:30px; text-align:center; }
.visuals-section > h2 a { display:inline-flex; align-items:center; color:#fff; }
.visuals-section > h2 a:after { content:""; flex:0 0 12px; width:12px; height:20px; margin-left:8px; background:url('../img/icon-chevron-right-white-lg.png') no-repeat center; }
.visuals-slider { position:relative; width:100%; overflow:hidden; }
.visuals-slider .swiper-wrapper { display:flex; align-items:stretch; }
.visual-card { flex:0 0 600px; position:relative; width:600px; height:380px; }
.visual-card .news-thumb { width:600px; height:380px; }
.visual-card:after { content:""; position:absolute; right:0; bottom:0; left:0; height:45%; background:linear-gradient(to bottom, transparent, rgba(0,0,0,.78)); pointer-events:none; }
.visual-card > div { position:absolute; right:20px; bottom:20px; left:20px; z-index:1; }
.visual-card .story-title { font-family:'Noto Serif KR', Georgia, serif; font-size:22px; font-weight:900; line-height:30px; }
.visual-card .story-title a { color:#fff; }
.visual-card span { display:block; margin-top:9px; color:#4fa9b5; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:15px; font-weight:500; line-height:21px; }
.visuals-slider__prev, .visuals-slider__next { position:absolute; top:50%; z-index:3; width:50px; height:50px; margin-top:-25px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center; }
.visuals-slider__prev { left:30px; background-image:url('../img/icon-chevron-right-black-sm.png'); transform:rotate(180deg); }
.visuals-slider__next { right:30px; background-image:url('../img/icon-chevron-right-black-sm.png'); }
.visuals-slider__pagination { display:flex; justify-content:center; gap:5px; margin-top:30px; }
.visuals-slider__pagination .swiper-pagination-bullet { width:50px; height:4px; margin:0; border-radius:2px; background:#4d4d4d; opacity:1; }
.visuals-slider__pagination .swiper-pagination-bullet-active { background:#fff; }
.visuals-slider:not(.swiper-initialized) .swiper-wrapper { gap:20px; transform:translateX(40px); }

.category-news { display:flex; flex-wrap:wrap; justify-content:space-between; row-gap:80px; padding:73px 0 150px; }
.category-card { flex:0 0 270px; width:270px; height:405px; }
.category-card > h2 { padding-bottom:6px; border-bottom:1px solid #222; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; line-height:30px; }
.category-card > h2 a { display:inline-flex; align-items:center; }
.category-card > h2 a:after { content:""; flex:0 0 8px; width:8px; height:14px; margin-left:6px; background:url('../img/icon-chevron-right-black-sm.png') no-repeat center; }
.category-card .news-thumb { width:270px; height:170px; margin-top:15px; }
.category-card .story-title { margin-top:11px; font-family:'Noto Serif KR', Georgia, serif; font-size:15px; font-weight:700; line-height:22px; }
.category-card ul { margin-top:15px; }
.category-card li { padding:11px 0; border-top:1px solid #ddd; font-family:'Noto Serif KR', Georgia, serif; font-size:15px; font-weight:700; line-height:22px; }

.site-footer { height:161px; box-sizing:border-box; background:#fff; }
.site-footer__inner { padding:0; }
.site-footer__links { display:flex; align-items:center; gap:40px; height:50px; padding:0 21px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; font-weight:500; line-height:30px; }
.site-footer__family { position:relative; align-self:stretch; width:120px; margin-left:auto; }
.site-footer__family-button { display:flex; align-items:center; justify-content:center; gap:4px; width:100%; height:100%; padding:0; border:0; background:#fff; color:#000; font:inherit; cursor:pointer; }
.site-footer__family-button:after { width:20px; height:6px; background:url('../img/icon-chevron-down-gray.png') no-repeat center / 10px 6px; content:''; }
.site-footer__family.is-open .site-footer__family-button:after { transform:rotate(180deg); }
.site-footer__family-menu { position:absolute; right:0; bottom:100%; z-index:20; width:100%; margin:0; padding:7px 0; border:1px solid #ddd; background:#fff; box-sizing:border-box; list-style:none; }
.site-footer__family-menu[hidden] { display:none; }
.site-footer__family-menu a { display:block; padding:5px 15px; color:#1e2124; line-height:20px; white-space:nowrap; }
.site-footer__family-menu a:hover, .site-footer__family-menu a:focus { background:#f4fafa; color:#4fa9b5; }
.site-footer__info { display:flex; align-items:flex-start; padding-top:30px; }
.site-footer__info > a { flex:0 0 100px; margin-left:1px; }
.site-footer__info img { display:block; width:100px; height:44px; }
.site-footer__info p { margin-left:34px; color:#1e2124; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; line-height:30px; }
.site-footer__info p span { color:#999; font-weight:400; }
.site-footer__social { display:flex; gap:5px; margin-left:auto; }
.site-footer__social a { display:block; width:35px; height:35px; background-repeat:no-repeat; background-position:center; background-size:35px 35px; }
.site-footer__social a:first-child { background-image:url('../img/icon-youtube.png'); }
.site-footer__social a:last-child { background-image:url('../img/icon-instagram.png'); }

/* PSD text line limits: keep article copy within the designed card heights. */
.news-brief .story-title, .fact-card .story-title, .feature-hero .story-title, .feature-wide .story-title, .feature-small .story-title, .opinion-card .story-title, .interactive-card .story-title, .data-card .story-title, .video-card .story-title, .entertainment-main .story-title, .entertainment-side .story-title, .visual-card .story-title, .category-card .story-title, .category-card li a { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; }

.news-brief .story-title, .news-brief .story-summary, .fact-card .story-title, .feature-wide .story-title, .feature-small .story-summary, .opinion-card .story-summary, .interactive-card .story-title, .data-card .story-title, .entertainment-side .story-title, .entertainment-side .story-summary, .visual-card .story-title, .category-card .story-title, .category-card li a { -webkit-line-clamp:2; }

.feature-hero .story-title, .feature-wide .story-summary, .feature-small .story-title, .opinion-card .story-title { -webkit-line-clamp:3; }

.entertainment-main .story-title, .entertainment-main .story-summary { -webkit-line-clamp:4; }

button:focus-visible, a:focus-visible, input:focus-visible { outline:2px solid #4fa9b5; outline-offset:2px; }

/* AJP PC sub pages: shared styles */


.header--sub { position:relative; z-index:30; height:71px; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; }
.header--sub.is-sticky-menu-open, .header--sub.is-sticky-search-open { z-index:70; }
.sub-header__inner { display:flex; align-items:center; justify-content:center; position:relative; height:70px; }
.header--sub .site-nav__menu { position:absolute; left:0; top:14px; width:36px; height:40px; }
.header--sub.is-menu-open .sub-header__inner .site-nav__menu { visibility:hidden; }
.sub-header__logo, .sub-header__logo img { display:block; width:68px; height:30px; }
.sub-header__actions { display:flex; align-items:center; position:absolute; right:0; top:17px; height:36px; }
.sub-header__search { display:block; width:40px; height:36px; padding:0; background:url('../img/icon-search.png') no-repeat center; }
.header--sub .header__signin { position:static; width:70px; height:26px; margin-left:10px; line-height:26px; }
.header--sub .all-sections { top:71px; box-shadow:0 10px 15px rgba(0,0,0,.1); }
.header--sub .all-sections.is-sticky-open { position:fixed; top:70px; }
.header--sub .all-sections__bar { position:absolute; left:50%; top:-71px; z-index:1; width:1250px; height:71px; border:0; transform:translateX(-50%); pointer-events:none; }
.header--sub .all-sections__bar strong { display:none; }
.header--sub .all-sections__close { left:-2px; top:15px; background-image:url('../img/icon-close-black_2.png'); background-position:10px center; background-size:22px 22px; pointer-events:auto; background-color:#fff; }
.header--sub .all-sections__inner { padding-top:42px; }

.header-search-panel { position:absolute; left:0; top:1px; z-index:40; width:100%; height:201px; background:transparent; pointer-events:none; }
.header-search-panel.is-sticky-open { position:fixed; top:0; z-index:70; }
.header-search-panel:before { content:""; position:absolute; left:0; top:70px; width:100%; height:130px; background:#fff; box-shadow:0 10px 15px rgba(0,0,0,.1); }
.header-search-panel[hidden] { display:none; }
.header-search-panel__top { position:relative; height:71px; }
.header-search-panel__close { position:absolute; right:86px; top:22px; width:26px; height:26px; padding:0; background:#fff url('../img/icon-close-black_2.png') no-repeat center / 22px 22px; pointer-events:auto; }
.header-search-panel__form { display:flex; align-items:center; position:relative; left:2px; width:567px; height:56px; margin:37px auto 0; pointer-events:auto; }
.header-search-panel__form > label { flex:0 0 64px; width:64px; font-size:16px; font-weight:700; line-height:30px; }
.header-search-panel__field { display:flex; flex:0 0 500px; width:500px; height:50px; border:1px solid #4fa9b5; border-radius:24px; box-sizing:border-box; }
.header-search-panel__field input { flex:1 1 auto; min-width:0; height:48px; padding:0 20px; border:0; background:transparent; color:#111; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:15px; font-weight:500; line-height:30px; outline:0; }
.header-search-panel__field input::placeholder { color:#111; opacity:1; }
.header-search-panel__field button { flex:0 0 60px; width:60px; height:48px; padding:0; border-radius:0 24px 24px 0; background:transparent url('../img/icon-search.png') no-repeat center; }
.header--sub.is-search-open .sub-header__search { visibility:hidden; }

.sub-titlebar { /*height:125px;*/ padding-top:53px; border-bottom:1px solid #111; box-sizing:border-box; }
.sub-titlebar__title { font-size:44px; font-weight:900; line-height:53px; }
.sub-titlebar--tabs { padding-top:53px; padding-bottom: 17px; }
.sub-tabs { display:flex; align-items:center; /*height:34px;*/ gap:45px; margin-top:10px; }
.sub-tabs a { color:#111; font-size:16px; font-weight:500; line-height:30px; }
.sub-tabs a.is-active { color:#4fa9b5; font-weight:700; }

.sub-two-column { display:flex; align-items:flex-start; justify-content:space-between; }
.sub-main-column { flex:0 0 860px; width:860px; }
.sub-side { flex:0 0 351px; width:351px; }

.sub-thumb { display:block; overflow:hidden; background:#eef1f3; }
.sub-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5 { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; }
.line-clamp-2 { -webkit-line-clamp:2; }
.line-clamp-3 { -webkit-line-clamp:3; }
.line-clamp-4 { -webkit-line-clamp:4; }
.line-clamp-5 { -webkit-line-clamp:5; }

/* shared right rail */
.side-video { margin-top:25px; }
.side-section-title { font-size:22px; font-weight:900; line-height:30px; }
.side-video__thumb { position:relative; width:351px; height:198px; margin-top:7px; }
.side-video__thumb strong { position:absolute; left:0; bottom:0; width:100%; padding:7px 0; box-sizing:border-box; color:#fff; font-family:"Noto Serif KR", serif; font-size:16px; font-weight:900; line-height:21px; }
.side-video__frame { display:block; width:351px; height:198px; margin-top:7px; border:0; }
.side-latest { margin-top:42px; }
.side-latest__list { display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.side-latest__list a { display:flex; align-items:center; justify-content:space-between; }
.side-latest__list strong { flex:0 0 220px; width:220px; color:#1e2124; font-family:"Noto Serif KR", serif; font-size:16px; font-weight:800; line-height:21px; }
.side-latest__list .sub-thumb { flex:0 0 110px; width:110px; height:80px; }
.side-visuals { margin-top:35px; }
.side-visuals__list { display:flex; flex-wrap:wrap; gap:20px 10px; margin-top:7px; }
.side-visuals__list article { flex:0 0 170px; width:170px; }
.side-visuals__list .sub-thumb { width:170px; height:120px; }
.side-visuals__list .story-title { margin-top:7px; color:#1e2124; font-family:"Noto Serif KR", serif; font-size:16px; font-weight:800; line-height:22px; }

/* standard story list */
.story-list__lead, .story-list__item { border-bottom:1px solid #ddd; }
.story-list__lead { display:flex; gap:20px; height:378px; padding-top:30px; box-sizing:border-box; }
.story-list__lead .sub-thumb { flex:0 0 460px; width:460px; height:318px; }
.story-list__lead-content { padding-top:31px; }
.story-list__lead .story-title { font-family:"Noto Serif KR", serif; font-size:28px; font-weight:900; line-height:40px; }
.story-list__lead p { margin-top:11px; }
.story-date { display:block; color:#333; font-size:14px; line-height:21px; }
.story-list__lead .story-date { margin-top:13px; }
.story-list__item { display:flex; align-items:center; gap:19px; padding:30px 0; box-sizing:border-box; }
.story-list__item .sub-thumb { flex:0 0 250px; width:250px; height:170px; }
.story-list__content { flex:1 1 auto; min-width:0; padding-top:1px; }
.story-list__item .story-title { font-family:"Noto Serif KR", serif; font-size:22px; font-weight:900; line-height:30px; }
.story-list__item p { margin-top:10px; }
.story-list__item .story-date { margin-top:13px; }

/* card list */
.card-list { display:flex; flex-wrap:wrap; column-gap:39px; row-gap:39px; width:1251px; margin-left:-1px; padding-top:30px; }
.card-list__item { flex:0 0 391px; width:391px; height:347px; }
.card-list__item .sub-thumb { width:391px; height:260px; }
.card-list__item .story-title { margin-top:10px; font-family:"Noto Serif KR", serif; font-size:18px; font-weight:900; line-height:25px; }
.card-list__item .story-date { margin-top:12px; }

/* text-only list */
.text-list-layout { padding-top:27px; }
.text-list-layout .side-video, .search-results-row .side-video { margin-top:0; }
.text-list { display:flex; flex-wrap:wrap; column-gap:40px; row-gap:34px; }
.text-list__item { flex:0 0 410px; width:410px; border-bottom:1px solid #ddd; box-sizing:border-box; padding-bottom:25px; }
.text-list__item .story-title { font-family:"Noto Serif KR", serif; font-size:20px; font-weight:900; line-height:30px; }
.text-list__item p { margin-top:9px; }
.text-list__item .story-date { margin-top:13px; }

.pagination { display:flex; justify-content:center; height:46px; }
.pagination a { display:flex; align-items:center; justify-content:center; width:39px; height:40px; margin-top:3px; border:1px solid #ddd; border-right:0; box-sizing:border-box; color:#111; font-size:15px; line-height:21px; }
.pagination a:first-child, .pagination a:last-child { width:46px; height:46px; margin-top:0; border-right:1px solid #ddd; }
.pagination a:nth-last-child(2) { border-right:1px solid #ddd; }
.pagination a.is-active { border-color:#4fa9b5; background:#4fa9b5; color:#fff; }

.sub-two-column + .pagination { width:860px; margin-top:51px; }
.card-list + .pagination { margin-top:48px; }
.text-list-layout + .pagination { width:860px; margin-top:50px; }

/* search */
.search-layout { position:relative; }
.search-options { width:860px; height:346px; padding-top:27px; box-sizing:border-box; }
.search-field { display:flex; align-items:center; min-height:0; margin:0; }
.search-field:nth-child(1) { height:41px; }
.search-field:nth-child(2) { height:21px; margin-top:24px; }
.search-field:nth-child(3) { height:41px; margin-top:25px; }
.search-field__label { flex:0 0 125px; width:125px; font-size:15px; font-weight:700; line-height:20px; }
.search-options .search-date-input, .search-options .search-keyword-input { height:35px; padding:0 12px; border:1px solid #ddd; box-sizing:border-box; color:#111; font-family:Roboto, Arial, sans-serif; font-size:14px; }
.search-date-input { width:100px; }
.search-date-separator { margin:0 5px 0 4px; }
.search-radio-group { display:flex; align-items:center; gap:29px; }
.search-radio-group label { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:500; line-height:20px; }
.search-radio-group input { width:15px; height:15px; margin:0; accent-color:#339caa; }
.search-keyword-input { width:300px; }
.search-submit { display:block; width:150px; height:50px; margin:37px 0 0 355px; background:#339caa; color:#fff; font-size:18px; font-weight:500; }
.search-results-row { display:flex; align-items:flex-start; justify-content:space-between; }
.search-results { flex:0 0 860px; width:860px; }
.search-results__count { height:39px; box-sizing:border-box; border-bottom:1px solid #111; color:#339caa; font-size:25px; font-weight:900; line-height:30px; }
.search-results__count span { color:#111; }
.search-results__empty { padding-top:74px; text-align:center; }
.search-results__empty-title { color:#111; font-size:25px; font-weight:400; line-height:30px; }
.search-results__empty-guide { margin-top:43px; color:#666; font-size:15px; line-height:25px; }
.search-results .story-list__item:first-of-type { padding-top:30px; }
.search-results .pagination { margin-top:51px; }
.search-results-row .sub-side { margin-top:-316px; }

/* search datepicker */
.ui-datepicker.ui-widget { display:none; z-index:100 !important; width:31rem; box-sizing:border-box; border:1px solid #ccc; border-top:3px solid #005bac; border-radius:4px; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,.2); color:#111; font-family:Barlow, Roboto, Arial, sans-serif; }
.ui-datepicker.ui-widget .ui-datepicker-header { position:relative; margin-top:3rem; margin-bottom:1rem; padding:0; border:0; border-radius:0; background:#fff; }
.ui-datepicker.ui-widget .ui-datepicker-title { text-align:center; }
.ui-datepicker.ui-widget .ui-datepicker-year, .ui-datepicker.ui-widget .ui-datepicker-month { font-size:2.8rem; font-weight:500; }
.ui-datepicker.ui-widget .ui-datepicker-prev, .ui-datepicker.ui-widget .ui-datepicker-next { position:absolute; top:.5rem; width:2rem; height:2rem; cursor:pointer; }
.ui-datepicker.ui-widget .ui-datepicker-prev { left:7rem; }
.ui-datepicker.ui-widget .ui-datepicker-next { right:7rem; }
.ui-datepicker.ui-widget .ui-datepicker-prev span, .ui-datepicker.ui-widget .ui-datepicker-next span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; margin:0; overflow:hidden; font-size:0; }
.ui-datepicker.ui-widget .ui-datepicker-prev span { background:url('https://image.ajunews.com/images/site/ajupress/v2/img/icon/icon_date_prev.png') no-repeat center / 2rem; }
.ui-datepicker.ui-widget .ui-datepicker-next span { background:url('https://image.ajunews.com/images/site/ajupress/v2/img/icon/icon_date_next.png') no-repeat center / 2rem; }
.ui-datepicker.ui-widget .ui-datepicker-calendar { width:calc(100% - 3rem); margin:0 auto 2rem; font-size:1.6rem; }
.ui-datepicker.ui-widget th { height:4rem; padding:0; font-weight:500; }
.ui-datepicker.ui-widget td { height:4rem; padding:0; }
.ui-datepicker.ui-widget td span, .ui-datepicker.ui-widget td a { display:block; width:100%; height:100%; padding:0; border:0; background:#fff; color:#111; line-height:4rem; text-align:center; }
.ui-datepicker.ui-widget td a:hover, .ui-datepicker.ui-widget td a:focus { background:#f5f5f5; color:#111; }
.ui-datepicker.ui-widget .ui-datepicker-current-day .ui-state-active { background:#000; color:#fff; }
.ui-datepicker.ui-widget .ui-datepicker-buttonpane { position:absolute; right:1.5rem; top:1.5rem; width:2rem; height:2rem; margin:0; padding:0; border:0; }
.ui-datepicker.ui-widget .ui-datepicker-buttonpane .ui-datepicker-current { display:none; }
.ui-datepicker.ui-widget .ui-datepicker-buttonpane .ui-datepicker-close { width:100%; height:100%; margin:0; padding:0; overflow:hidden; border:0; background:transparent url('https://image.ajunews.com/images/site/ajupress/v2/img/icon/icon_date_close.png') no-repeat center / 2rem; color:transparent; font-size:0; }

/* article */
.article-layout { display:flex; align-items:flex-start; justify-content:space-between; padding-top:56px; }
.article-main { flex:0 0 701px; position:relative; width:701px; margin-left:129px; }
.article-side { flex:0 0 352px; width:352px; }
.article-header { border-bottom:2px solid #111; }
.article-category { color:#4fa9b5; font-size:15px; font-weight:500; line-height:21px; }
.article-title { margin-top:4px; font-family:"Noto Serif KR", serif; font-size:35px; font-weight:900; line-height:55px; }
.article-byline { margin-top:33px; font-size:16px; line-height:21px; }
.article-time { display:flex; gap:20px; margin:8px 0 21px; color:#333; font-size:13px; line-height:21px; }
.article-dek { margin-top:45px; font-family:"Noto Serif KR", serif; font-size:18px; font-weight:900; line-height:25px; }
#articleBody { font-family:"Noto Serif KR", serif; font-size:18px; font-weight:500; line-height:30px; padding-top:30px; }
#articleBody p { text-align:unset!important; }
#articleBody .imgBox { width:641px; margin:30px auto 43px; }
#articleBody #captionBox { position:relative; width:641px !important; }
#articleBody .imgBox img { display:block; width:641px; height:424px; object-fit:cover; }
#articleBody .p_caption { margin-top:8px; color:#888; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:13px; font-weight:400; line-height:21px; }
#articleBody .expansion_btn { position:absolute; right:10px; top:10px; width:50px; height:50px; padding:0; background:transparent url('../img/icon-expand.png') no-repeat center; cursor: pointer; }
.article-image-modal { display:flex; align-items:center; justify-content:center; position:fixed; inset:0; z-index:100; padding:40px; box-sizing:border-box; background:rgba(0,0,0,.85); }
.article-image-modal[hidden] { display:none; }
/*
.article-image-modal__dialog { position:relative; max-width:100%; max-height:100%; }
.article-image-modal__dialog > img { display:block; max-width:calc(100vw - 80px); max-height:calc(100vh - 80px); width:auto; height:auto; }
*/
.article-image-modal__dialog { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.article-image-modal__dialog > img { display: block; max-width: 95vw; max-height: 95vh; width: auto; height: auto; object-fit: contain; }
.article-image-modal__close { position:fixed; right:40px; top:50px; width:50px; height:50px; padding:0; background:transparent url('../img/btn_close_img.png') no-repeat center; }
#articleBody .byline_editor { display:flex; align-items:flex-start; margin-top:44px; font-family:Roboto, Arial, Helvetica, sans-serif; }
#articleBody .byline_editor .photo { flex:0 0 60px; width:60px; height:60px; }
#articleBody .byline_editor img { display:block; width:60px; height:60px; border-radius:50%; object-fit:cover; }
#articleBody .byline_editor .name_area { flex:1; min-width:0; margin-left:16px; }
#articleBody .byline_editor .name { font-size:16px; font-weight:700; line-height:21px; }
#articleBody .byline_editor p { margin-top:4px; color:#666; font-size:14px; font-weight:400; line-height:21px; }
#articleBody > .copyright { margin-top:38px; padding-bottom:25px; border-bottom:1px solid #777; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:21px; }
.article-tools { position:absolute; left:-129px; top:289px; width:60px; height:240px; border:1px solid #eee; border-radius:10px; box-sizing:border-box; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.05); }
.article-tools > button { display:block; width:58px; height:60px; padding:0; border-top:1px solid #f8f8f8; background:transparent no-repeat center; color:#111; font-family:Roboto, Arial, Helvetica, sans-serif; line-height:1; }
.article-tools > button:first-child { height:58px; border-top:0; border-radius:9px 9px 0 0; }
.article-tools > .article-tools__share { background-image:url('../img/icon-share.png'); }
.article-tools > .article-tools__print { background-image:url('../img/icon-print.png'); }
.article-tools > .article-tools__font--up { font-size:23px; font-weight:700; }
.article-tools > .article-tools__font--down { font-size:20px; font-weight:400; border-radius:0 0 9px 9px; }
.article-share-pop { display:flex; gap:15px; position:absolute; left:64px; top:-1px; z-index:5; width:202px; height:100px; padding:29px 19px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; background:#fff; }
.article-share-pop[hidden] { display:none; }
.article-share-pop a { flex:0 0 44px; width:44px; height:44px; background-repeat:no-repeat; background-position:center; }
.article-share-pop__facebook { background-image:url('../img/icon-facebook.png'); }
.article-share-pop__x { background-image:url('../img/icon-x-social.png'); }
.article-share-pop__copy { background-image:url('../img/icon-copy-link.png'); }
.article-share-pop__close { position:absolute; right:3px; top:3px; width:27px; height:27px; padding:0; background:transparent url('../img/icon-close-small.png') no-repeat center; }
.article-side .side-latest { margin-top:0; }
.article-side .side-latest__list { margin-top:12px; }
.article-side .side-latest__list + .side-latest__list { margin-top:20px; padding-top:20px; border-top:1px solid #dfdfdf; }

.atc_related { margin-top:39px; }
.atc_related h3 { font-size:25px; font-weight:900; line-height:30px; }
.atc_related ul { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.atc_related li > a { display:flex; align-items:center; gap:15px; }
.atc_related .thumb { flex:0 0 160px; width:160px; height:108px; }
.atc_related .thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.atc_related .text { display:block; flex:1; min-width:0; }
.atc_related .tit { display:-webkit-box; overflow:hidden; font-family:"Noto Serif KR", serif; font-size:18px; font-weight:900; line-height:24px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.atc_related .desc { display:-webkit-box; overflow:hidden; margin-top:6px; color:#8b93a5; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:20px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.article-sticky { visibility:hidden; position:fixed; left:0; top:0; z-index:50; width:100%; height:70px; box-shadow:0 2px 8px rgba(0,0,0,.12); background:#fff; transform:translateY(-100%); transition:transform .3s ease, visibility 0s linear .3s; pointer-events:none; will-change:transform; }
.article-sticky.is-visible { visibility:visible; transform:translateY(0); transition-delay:0s; pointer-events:auto; }
.article-sticky__inner { display:flex; align-items:center; justify-content:center; position:relative; height:68px; }
.article-sticky__progress { position:absolute; left:0; bottom:0; width:0; height:2px; background:#339caa; }
.article-sticky__inner .site-nav__menu { position:absolute; left:0; }
.article-sticky strong { font-family:"Noto Serif KR", serif; font-size:18px; font-weight:900; line-height:30px; }
.article-sticky__actions { display:flex; align-items:center; position:absolute; right:0; }
.article-sticky__search { display:block; width:40px; height:40px; padding:0; background:url('../img/icon-search.png') no-repeat center; }
.article-sticky .header__signin { position:static; margin-left:10px; }

.paging {display: block; width: 100%; margin-top: 50px; font-family: "Barlow"; }
.paging ul{display: flex; justify-content: center; }
.paging ul li{width: 4rem; height: 4rem; border: 1px solid #dfdfdf; border-left: none; box-sizing: border-box;}
.paging ul li:nth-child(2){border-left: 1px solid #dfdfdf;}
.paging ul li a{display: block; width: 100%; height: 100%; font-size: 1.5rem; line-height: 3.8rem; text-align: center;}
.paging ul li.on{background: #38b7c8; border:none;}
.paging ul li.on a{color:#fff;}
.paging ul li.prev{margin-right: 1rem; border-left: 1px solid #dfdfdf; }
.paging ul li.next{margin-left: 1rem; border-left: 1px solid #dfdfdf; }
.paging ul li.prev a{background: url(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box; transform: rotate(-180deg); }
.paging ul li.next a{background: url(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box; }

/* Journalist: reference content from ajp_04_Journalist_v2.html */

.journalist-page { padding-bottom:100px; }
.journalist-page__inner { width:1000px; margin:0 auto; }
.journalist-page .sub_title { display:flex; align-items:baseline; padding-bottom:17px; border-bottom:1px solid #111; font-family:Barlow, Arial, sans-serif; }
.journalist-page .sub_title h2 { font-size:50px; font-weight:800; letter-spacing:.1px; }
.journalist-page .journalist_hd2 { width: 1000px; font-family: "Barlow"; margin-top: 65px; border-bottom: 1px solid #111; padding-bottom: 50px; }
.journalist-page .journalist_hd2 .editor { display:flex; background-color:#f4f6f8; box-sizing:border-box; padding:50px 40px 30px; }
.journalist-page .journalist_hd2 .editor .photo { flex:0 0 200px; width:200px; height:190px; overflow:hidden; border-radius:20px; }
.journalist-page .journalist_hd2 .editor .photo img { width:100%; }
.journalist-page .journalist_hd2 .editor .info_area { flex:1; min-width:0; margin-left:30px; }
.journalist-page .journalist_hd2 .editor .info_area .name { font-size:40px; font-weight:600; margin-top:-10px; }
.journalist-page .journalist_hd2 .editor .info_area .name em { font-size:18px; font-weight:400; margin-left:10px; }
.journalist-page .journalist_hd2 .editor .info_area .email { display:block; font-size:17px; color:#38b7c8; text-decoration:underline; text-underline-offset: 2px; margin-top:6px; }
.journalist-page .journalist_hd2 .editor .info_area .beat { font-size:20px; margin-top:24px; }
.journalist-page .journalist_hd2 .editor .info_area .beat span + span { position:relative; margin-left:10px; padding-left:10px; }
.journalist-page .journalist_hd2 .editor .info_area .beat span + span::before { content:""; clear:both; display:block; position:absolute; left:0; top:5px; width:1px; height:15px; background-color:#ccc; }
.journalist-page .journalist_hd2 .editor .info_area .share { display:flex; margin-top:20px; }
.journalist-page .journalist_hd2 .editor .info_area .share li { width:44px; height:44px; margin-right:5px; }
.journalist-page .journalist_hd2 .editor .info_area .share li a { display:block; width:100%; height:100%; }
.journalist-page .journalist_hd2 .editor .info_area .share li.li a { background: url(https://image.ajunews.com/images/site/ajupress/v2/img/v2/icon_linkedin.png) no-repeat; }
.journalist-page .journalist_hd2 .editor .info_area .share li.x a { background: url(https://image.ajunews.com/images/site/ajupress/v2/img/v2/icon_x.png) no-repeat; }
.journalist-page .journalist_hd2 .editor .info_area .share li.mr a { background: url(https://image.ajunews.com/images/site/ajupress/v2/img/v2/icon_muckrack.png) no-repeat; }
.journalist-page .journalist_hd2 .editor .info_area .textarea { font-size: 16px; line-height: 21px; margin-top:24px; }
.journalist-page .journalist_hd2 .editor .info_area .textarea strong { display:block; font-size: 19px; line-height: 25px; font-weight:600; letter-spacing: 0.5px; font-style:italic; margin-top:32px; }
.journalist-page .journalist_hd2 .editor .info_area .tag { display:flex; flex-wrap:wrap; gap:5px; margin-top:35px; }
.journalist-page .journalist_hd2 .editor .info_area .tag li { box-sizing:border-box; border:1px solid #ccc; background-color:#fff; border-radius:20px; margin-right:5px; }
.journalist-page .journalist_hd2 .editor .info_area .tag li a { display:block; box-sizing:border-box; line-height:38px; font-size:15px; padding:0 18px; }
.journalist-page .journalist_con { padding-top:14px; }
.journalist-page .journalist_con .latestby { font-size:25px; }
.journalist-page .journalist_con .sub-main-column { width: 100%; }

/* page-specific vertical rhythm */
.header--sub ~ main { margin-bottom:147px; }

main.article-layout { margin-bottom:150px; }

/* About AJP: 21_n_about_pc.psd, fixed 1250px content. */
.about-page { padding-top:50px; }
.header--sub ~ main.about-page { margin-bottom:149px; }
.about-titlebar { padding-bottom:29px; border-bottom:1px solid #111; }
.about-title { font-family:Roboto, Arial, sans-serif; font-size:44px; font-weight:400; line-height:54px; }
.about-title strong { font-weight:900; }
.about-layout { display:flex; align-items:flex-start; gap:50px; margin-top:50px; }
.about-menu { position:sticky; top:24px; flex:0 0 250px; max-height:calc(100vh - 48px); overflow-y:auto; }
.about-menu li + li { margin-top:-1px; }
.about-menu a { display:flex; align-items:center; justify-content:center; box-sizing:border-box; height:65px; padding:8px 15px; border:1px solid #dfdfdf; color:#2a2a2a; background:#fff; font-family:Roboto, Arial, sans-serif; font-size:16px; font-weight:500; line-height:21px; text-align:center; }
.about-menu a.is-active { position:relative; border-color:#339caa; background:#339caa; color:#fff; font-weight:700; }
.about-menu a:hover { color:#339caa; }
.about-menu a.is-active:hover { color:#fff; }
.about-menu a:focus-visible { position:relative; outline:2px solid #111; outline-offset:-3px; }
.about-content { flex:0 0 950px; min-width:0; margin-top:-7px; }
.about-section { padding-bottom:var(--about-bottom-gap, 50px); border-bottom:1px solid #dfdfdf; scroll-margin-top:150px; }
.about-page #ajp-factbox, .about-page #newsletter { --about-bottom-gap:49px; }
.about-page #ajp-data-faq, .about-page #ajp-interactive, .about-page #features { --about-bottom-gap:48px; }
.about-page #open-platform { --about-bottom-gap:75px; }
.about-section + .about-section { padding-top:40px; }
.about-section:last-child { padding-bottom:0; border-bottom:0; }
.about-section__title { color:#111; font-family:'Noto Serif KR', Georgia, serif; font-size:32px; font-weight:900; line-height:40px; overflow-wrap:break-word; }
.about-section__title--mixed { font-weight:400; }
.about-section__title strong { font-weight:900; }
.about-section__title:focus { outline:none; }
.about-section__body { margin-top:18px; color:#1e2124; font-family:'Noto Serif KR', Georgia, serif; font-size:16px; font-weight:400; line-height:25px; overflow-wrap:break-word; }
.about-section__body > * + * { margin-top:25px; }
.about-section__body strong { font-weight:700; }
.about-section__body .about-section__quote { font-size:20px; font-weight:700; font-style:italic; line-height:25px; }
.about-section__list { list-style:none; }
.about-section__list li::before { content:'\2022 '; }
.about-section__body a { color:inherit; }
.about-section__body a:hover { text-decoration:underline; }
.about-section__body a:focus-visible { outline:2px solid #339caa; outline-offset:2px; }

/* Company policies reuse the About layout and anchor navigation. */
.header--sub ~ main.policy-page { margin-bottom:var(--policy-footer-gap, 149px); }
.translation-page { --policy-footer-gap:151px; }
.terms-page { --policy-footer-gap:150px; }
.privacy-page { --policy-footer-gap:146px; }
.policy-page .about-titlebar { padding-bottom:24px; }
.policy-page .policy-intro { margin-top:13px; color:#2a2a2a; font-family:Roboto, Arial, sans-serif; font-size:18px; font-weight:400; line-height:30px; }
.policy-page .about-content { margin-top:-9px; }
.policy-page .policy-principles { list-style:none; }
.policy-page .about-section--production .about-section__body { margin-top:25px; }
.policy-table { width:100%; table-layout:fixed; border-collapse:collapse; font:inherit; color:inherit; }
.policy-table__section-column { width:261px; }
.policy-table__role-column, .policy-table__review-column { width:344px; }
.policy-table thead th { padding:12px 10px; border:1px solid #515151; background:#515151; color:#fff; font-weight:900; text-align:center; vertical-align:middle; }
.policy-table tbody th, .policy-table tbody td { padding:16.5px 20px; border:1px solid #dfdfdf; text-align:left; vertical-align:middle; }
.policy-table tbody th { font-weight:900; }
.policy-table .policy-table__features th, .policy-table .policy-table__features td { padding-top:15.5px; padding-bottom:15.5px; }
.policy-page .policy-table + p { margin-top:13px; }
.policy-page .about-section__body .policy-external { color:#0065bd; text-decoration:underline; text-underline-offset:3px; }
.translation-page #ai-and-journalists { --about-bottom-gap:49px; }


.site-footer__info p {font-weight: 500;}
.site-footer__info i {display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat;  vertical-align:middle; background:url("https://image.ajunews.com/images/site/ajupress/v3/img/img_phone.png") 0 0 no-repeat;}
.site-footer__info i.icon_phone {background-image:url("https://image.ajunews.com/images/site/ajupress/v3/img/img_phone.png");}
.site-footer__info i.icon_mail {background-image:url("https://image.ajunews.com/images/site/ajupress/v3/img/img_email.png");}
.header__identity time {margin-top:20px;}


