@charset "UTF-8";

:root {
    --col-w-300: 300px;
    --col-w-390: 390px;
    --col-w-820: 820px;

    --layout-line-color: #121212;
    --list-line-color: #ddd;
    --module-line-color: #ccc; 
}

.thumb > .thumb-icon {position:absolute; right:10px; bottom:10px; width:50px; height:50px; 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('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-video.svg')}
.thumb-icon.thumb-audio {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-audio.svg')}
.thumb-icon.thumb-graph {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-graph.svg')}
.thumb-icon.thumb-photo {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-photo.svg')}
.thumb-icon.thumb-slide {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-slide.svg')}
.news-list .thumb > .thumb-icon,
.news-item .thumb .thumb-icon {right:10px; bottom:10px; width:30px; height:30px}
.news-item.column .thumb > .thumb-icon {width:48px; height:48px}
.news-item-group.type-small .thumb-icon {right:10px; bottom:10px; width:23px; height:23px}

img.icon--member,
img.icon--premium {margin-right:4px}
.headline img.icon--member {vertical-align:0}

.iframe-youtube {position:relative; height:0; padding-bottom:56.25%; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0)}
.iframe-youtube iframe {position: absolute; top:0; left:0; width:100%; height:100%}

/* ad */
.ad-box, .ad-bottom {padding:16px 0; text-align:center}
.ad-box.module-block, .ad-box.cont-module {margin:6px 0}
.main .ad-box:not(.ad-bottom) {margin:24px -20px}
.main .ad-box,
.main .ad-bottom {background-color:#F7F7F7}
.main .ad-bottom {margin:16px -20px 0}

.banner-wrap {margin-top:24px; text-align:center}

/* layout */
.container {padding:0 20px; background-color:#fff}
.main .layout-container {padding:0 20px}

.cont-module {margin-top:24px}
/* .cont-module:not(:last-child) {border-bottom:8px solid var(--module-division-color)} 
.cont-module:not(:last-child) > .layout-container {border-bottom:1px solid var(--module-line-color)} */

/* 콘텐츠 공통 */
.thumb {overflow:hidden; position:relative}
.thumb > a {position:relative; display:block; width:100%; height:100%}
.thumb img {width:100%; height:100%; object-fit:cover; object-position:center top}

.ellip {display:block; display:-webkit-box; word-break:break-all; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-right:1px}
.type-ellip .news-tit {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.type-ellip.news-item-group .news-item {align-items:center}
.news-tit,
.lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-wrap:break-word; word-break:break-all; -webkit-box-orient:vertical}
.news-tit > a {display:block}
.time {color:#585858; font-size:12px}

.news-category,
.news-category > a {font-weight:400; font-size:14px; color:#436F91}

/* 모듈 타이틀 */
.module-tit-wrap {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; padding-top:16px; border-top:1px solid var(--layout-line-color)}
.module-tit-area {display:flex; align-items:center; gap:16px}
.module-tit {line-height:1; font-size:16px}
.module-tit > a::after {content:''; display:inline-block; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-3px}

.news-item {display:flex; gap:16px; box-sizing:border-box}
.news-item .news-subtit {margin-top:16px; color:var(--color-sub-txt); font-weight:400; font-size:16px}
.news-item .thumb {position:relative; flex:0 0 auto; aspect-ratio: 16 / 9}
.news-item .thumb > a {position:relative; width:100%; height:100%}
.news-item .thumb > a::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}
.news-item .txt-cont {flex:1 1 auto}
.news-item .lead {margin-top:16px; line-height:1.3; -webkit-line-clamp:3}
.news-item .time {margin-top:8px}
.news-item .date {display:block; margin-top:5px; color:#585858; font-size:12px}
.news-item .news-tit {font-weight:400; line-height:1.3}
.news-item .news-tit .icon-premium {width:15px; height:20px; margin-right:4px; vertical-align:-3px}
.news-item .category-name {font-weight:400; font-size:14px}
.news-item .category-name + .news-tit {margin-top:4px}
.news-item.reverse {flex-direction:row-reverse}
.news-item.column {flex-direction:column}
.news-item.column > .text-cont,
.news-item.column > .thumb {width:100%; box-sizing:border-box}
.news-item.column > .thumb {position:relative; height:0; padding-bottom:56.25%; overflow:hidden}
.news-item.column > .thumb > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.news-item.column.reverse {flex-direction:column-reverse; gap:12px; padding:0}

.headline {position:relative; margin:0 -20px; padding-bottom:24px}
.headline .text-cont {padding:0 20px}
.headline .news-tit {font-weight:700; font-size:24px; line-height:1.3}

.news-item-group {display:flex; flex-direction:column; gap:32px}
/* .news-item-group + .news-item-group {margin-top:24px; padding-top:14px; border-top:1px solid var(--list-line-color)} */
.news-item-group + .news-item-group {margin-top:20px}
.news-item-group .news-item {align-items:flex-start;}
.news-item-group:not(.type-small) .news-item:not(.column) .thumb {width:112px}
.news-item-group:not(.type-small) .news-item:not(.column) .text-cont {--thumb-w:112px; --thumb-gap:16px; width:calc(100% - (var(--thumb-w) + var(--thumb-gap)))}
.news-item-group .news-item:not(.column) .text-cont {flex:1 1 auto}
.news-item-group .news-tit {font-size:18px}

.type-headline .news-tit {font-weight:700; font-size:20px; line-height:1.3}
.news-item.type-headline + .news-item-group {margin-top:20px}
/* .news-item-group .news-item:has(>.text-cont:only-child) {padding:4px 0} */
/* .news-item-group .news-item:has(>.text-cont:only-child):first-child,
.news-item-group .news-item.column + .news-item:has(>.text-cont:only-child) {padding-top:24px; border-top:1px solid var(--list-line-color)} */
.news-item-group .news-item:has(>.text-cont:only-child):first-child,
.news-item-group .news-item.column + .news-item:has(>.text-cont:only-child) {padding-top:0}
.news-item-group .news-item:has(>.text-cont:only-child):last-child {padding-bottom:0}
.news-item.column.reverse + .news-item-group .news-item:has(>.text-cont:only-child):first-child {padding-top:14px; border-top:1px solid var(--list-line-color)}

.news-item-group.type-grid {display:grid;grid-template-columns:repeat(2, calc(50% - 8px)); column-gap:16px; row-gap:20px; align-items:start}
.news-item-group.type-grid .news-tit {font-size:16px;  -webkit-line-clamp:2}
.news-item-group.type-grid .news-item.column {gap:8px}

.news-item-group + .select-paging {margin-top:24px}

/* 라인 */
.news-item-group:not(.type-grid) .news-item,
.news-item-group.line .news-item,
.news-item-group.type-category li {position:relative} 
.news-item-group:not(.type-grid) .news-item + .news-item::before,
.news-item-group.line .news-item + .news-item::before,
.news-item-group.type-category li + li::before {content:''; position:absolute; top:-16px; left:0; right:0; height:1px; background:var(--list-line-color)}

/* 작은썸네일 + 타이틀 */
.news-item-group.type-small .news-item {align-items:center}
.news-item-group.type-small .thumb {width:80px; height:50px}

/* 카테고리 타이틀 붙는 타입 */
.news-item-group.type-category .news-item {gap:12px}
.news-item-group.type-category .news-category {display:block}

/* 텍스트 뉴스 - 기본이 두단타입, column */
.major-text-news {display:flex; flex-wrap:wrap; margin-top:16px}
.major-text-news .news-tit {font-size:16px}
.major-text-news > .col {position:relative; flex:0 0 auto; width:50%; margin-bottom:16px; padding-top:16px; border-top:1px solid var(--list-line-color); box-sizing:border-box}
.major-text-news:not(.column) > .col:nth-child(2n) {padding-left:16px}
.major-text-news:not(.column) > .col:nth-child(2n)::before {content:''; position:absolute; top:16px; left:0; width:1px; height:calc(100% - 16px); background:var(--list-line-color)}
.major-text-news:not(.column) > .col:nth-child(2n+1) {padding-right:16px}
.major-text-news:not(.column) > .col:nth-last-child(-n+2) {margin-bottom:0; padding-bottom:0}

.major-text-news.column {flex-wrap:nowrap; flex-direction:column}
.major-text-news.column > .col {width:100%}

/* 썸네일 위로 올라오는 타이틀 + 배경 */
.news-item.type-overlay {--overlay-bg:#142C67; position:relative; background:var(--overlay-bg); color:#fff}
.news-item.type-overlay a {color:#fff}
.news-item.type-overlay .thumb {position:relative; height:0; padding-bottom:62.5%; overflow:hidden}
.news-item.type-overlay .thumb > a {position: absolute; top:0; left:0; width:100%; height:100%}
.news-item.type-overlay .thumb::after {display:none}
.news-item.type-overlay .thumb > .thumb-icon {bottom:16px}
.news-item.type-overlay .text-cont {position:relative; box-sizing:border-box}
.news-item.type-overlay .text-cont::before {content:''; position:absolute; top:-64px; left:0; right:0; z-index:2; height:64px; background:linear-gradient(#0000,var(--overlay-bg) 80%); pointer-events:none}
.news-item.type-overlay .text-cont {padding:0 20px 24px}
.news-item.type-overlay .news-tit {-webkit-line-clamp:2; line-clamp:2}

/* ----- 메인(산업) ----- */
/* 산업리포트 */
.report-module .report-list {margin:-16px 0}
.report-module .report-list li {position:relative; padding:16px 0 16px 60px}
.report-module .report-list li + li {border-top:1px solid var(--list-line-color)}
.report-module .report-list li::before {content:''; position:absolute; top:40px; left:0; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:48px; height:48px; border-radius:12px; background-color:#F7F7F7; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='file-07'%3E%3Cpath id='Icon' d='M14 2.26953V6.40007C14 6.96012 14 7.24015 14.109 7.45406C14.2049 7.64222 14.3578 7.7952 14.546 7.89108C14.7599 8.00007 15.0399 8.00007 15.6 8.00007H19.7305M8 15V18M16 13V18M12 10.5V18M20 9.98822V17.2C20 18.8802 20 19.7202 19.673 20.362C19.3854 20.9265 18.9265 21.3854 18.362 21.673C17.7202 22 16.8802 22 15.2 22H8.8C7.11984 22 6.27976 22 5.63803 21.673C5.07354 21.3854 4.6146 20.9265 4.32698 20.362C4 19.7202 4 18.8802 4 17.2V6.8C4 5.11984 4 4.27976 4.32698 3.63803C4.6146 3.07354 5.07354 2.6146 5.63803 2.32698C6.27976 2 7.11984 2 8.8 2H12.0118C12.7455 2 13.1124 2 13.4577 2.08289C13.7638 2.15638 14.0564 2.27759 14.3249 2.44208C14.6276 2.6276 14.887 2.88703 15.4059 3.40589L18.5941 6.59411C19.113 7.11297 19.3724 7.3724 19.5579 7.67515C19.7224 7.94356 19.8436 8.2362 19.9171 8.5423C20 8.88757 20 9.25445 20 9.98822Z' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:center}
.report-module .report-list .report-tit {line-height:1.3; font-size:18px}
.report-module .report-list .report-name {display:flex; align-items:center; margin-top:4px; color:var(--hk-text-secondary); font-size:14px}
.report-module .report-list .report-name > span + span {display:flex; align-items:center;}
.report-module .report-list .report-name > span + span::before {content:''; display:flex; align-items:center; width:1px; height:14px; margin:0 8px; background-color:#ddd}

/* 데이터센터 */
.datacenter-module .data-list .list-top {display:flex; align-items:center; justify-content:space-between; gap:8px}
.datacenter-module .data-list li + li {margin-top:16px; padding-top:16px; border-top:1px solid var(--list-line-color); box-sizing:border-box}
.datacenter-module .data-list li > a:hover {text-decoration:none}
.datacenter-module .data-list .name-area {display:flex; align-items:center; gap:4px}
.datacenter-module .data-list .name-area .name {font-size:16px}
.datacenter-module .data-list .name-area .txt-en {color:var(--hk-text-secondary); font-size:14px}
.datacenter-module .data-list .rate-area {display:flex; align-items:center; gap:12px; letter-spacing:0}
.datacenter-module .data-list .rate-area > strong {font-weight:700; font-size:18px}
.datacenter-module .data-list .rate-area > span {font-size:12px}
.datacenter-module .data-list .rate-area .rate::before {content:''; display:inline-block; margin-right:3px}
.datacenter-module .data-list .rate-area.up .rate::before {width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:6px solid var(--hk-up); vertical-align:1px}
.datacenter-module .data-list .rate-area.down .rate::before {width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--hk-down); vertical-align:baseline}
.datacenter-module .data-list .rate-area.hold .rate::before {width:6px; height:2px; background:var(--hk-hold); vertical-align:3px}
.datacenter-module .data-list .txt-date {color:var(--hk-text-secondary); font-size:12px}
.datacenter-module .data-list .rate-area.up {color:var(--hk-up)}
.datacenter-module .data-list .rate-area.down {color:var(--hk-down)}
.datacenter-module .data-list .rate-area.hold {color:var(--hk-hold)}

.datacenter-module .data-list .name-area .rank {width:24px; font-weight:700; color:#007C9D; font-size:14px; text-align:center}
.datacenter-module.data-type2 .data-list li {padding:12px 0}
.datacenter-module.data-type2 .data-list li:first-child {padding-top:0}
.datacenter-module.data-type2 .data-list li + li {margin-top:0}
.datacenter-module.data-type2 .data-list li > a, .datacenter-module.data-type2 .data-list li > div {display:flex; align-items:flex-start; justify-content:space-between}
.datacenter-module.data-type2 .data-list .name-area {gap:8px}
.datacenter-module.data-type2 .data-list .rate-area {flex-direction:column; align-items:flex-end; gap:0}

/* 랭킹뉴스 */
.ad-box + .cont-module {margin-top:16px}
.ranking-module .ranking-list {margin-top:-16px}
.ranking-module .ranking-list > li {display:flex; align-items:center; gap:12px; padding:16px 0}
.ranking-module .ranking-list > li + li {border-top:1px solid var(--list-line-color)}
.ranking-module .ranking-list .news-tit {flex:0 0 auto; width:calc(100% - 52px); line-height:1.3; font-weight:400; font-size:18px}
.ranking-module .ranking-list .txt-num {position:relative; flex:0 0 auto; display:block; width:24px; text-align:center; font-family: "Helvetica Neue"; font-weight:700; font-size:20px}

.ranking-module .ranking-list .news-item {align-items:center; width:calc(100% - 36px)}
.ranking-module .ranking-list .news-item .news-tit {width:100%; -webkit-line-clamp:2}
.ranking-module .ranking-list .news-item .thumb {width:80px; height:50px}
.ranking-module .ranking-list .news-item .text-cont {flex:1 1 auto; width:calc(100% - (80px + 16px))}

/* ----- 메인(경제) ----- */
[data-category="economy"] .headline + .news-item-group {padding-top:16px; border-top:1px solid var(--list-line-color)}
/* 태그뉴스 */
.tagnews-module {padding-top:16px; border-top:1px solid #BE0000}
.tagnews-module .news-category, .tagnews-module .news-category > a {margin-bottom:12px; font-weight:700; color:#BE0000}
.tagnews-module .news-item-group.type-category .news-item {gap:16px}
.tagnews-module .news-item .txt-cont {width:calc(100% - (112px + 16px))}

.tag-list .tag-item {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px; border:1px solid var(--list-line-color); box-sizing:border-box}
.tag-list .tag-item .thumb {flex:0 0 auto; position:relative; width:68px; height:68px; border-radius:50%;; overflow:hidden}
.tag-list .tag-item .thumb::after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; border-radius:50%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}
.tag-list .tag-item .news-tit {font-weight:400; line-height:1.3; font-size:18px; -webkit-line-clamp:2}
.tag-list .tag-item .news-category {display:block; margin-bottom:2px}

/* 에이셀 */
.aicel-module, .banner-module {margin:24px auto 0; padding:20px 16px; border:1px solid var(--list-line-color); box-sizing:border-box; text-align:center; word-break:break-all}
.aicel-module .tit-box,
.banner-module .tit-box {padding-bottom:20px; border-bottom:1px solid var(--list-line-color)}
.aicel-module .tit-box .point-txt {display:block; margin-bottom:16px; color:#BE0000}
.aicel-module .tit-box .logo-aicel {height:32px}
.aicel-module .tit-box .logo-compreport {height:16px}
.aicel-module .tit-box .point-txt, .aicel-module .txt-box,
.banner-module .tit-box .point-txt, .banner-module .txt-box {font-size:14px}
.aicel-module .txt-box,
.banner-module .txt-box {padding-top:16px; text-align:left}
.aicel-module .txt-box strong,
.banner-module .txt-box strong {font-weight:700}
.aicel-module .btn-link,
.banner-module .btn-link {display:inline-block; height:37px; margin-top:12px; padding-left:16px; padding-right:12px; border-radius:40px; line-height:37px; color:#fff; font-size:14px; }
.aicel-module .btn-link .txt::after,
.banner-module .btn-link .txt::after {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-4px}
.aicel-module .btn-link {background-color:#BE0000}

[data-category="economy"] .ranking-module {margin-top:24px}
/* 입법익스플로어 */
.law-module {padding-top:16px; border-top:1px solid var(--layout-line-color); box-sizing:border-box}
.law-module .module-tit > a::after {display:none}
.law-module .logo__legiexplorer::before {width:120px; height:30px}
.law-module .intro-box {margin-bottom:20px}
.law-module .intro-box .desc {margin-top:12px; color:#666; font-size:12px}
.law-module .law-list .law-item + .law-item {margin-top:12px}
.law-module .item-head {position:relative; display:flex; justify-content:space-between; gap:12px; padding:16px; border:1px solid var(--list-line-color); border-radius:8px; background-color:#fff; cursor:pointer; box-sizing:border-box; z-index:1}
.law-module .item-head.active {border-color:#964124}
.law-module .item-head .law-tit {font-size:16px}
.law-module .item-head .law-info {position:relative; padding-left:36px; box-sizing:border-box}
.law-module .item-head .law-info::before {content:''; position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; width:24px; height:24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon' clip-path='url(%23clip0_1015_14537)'%3E%3Cpath id='Icon' d='M19.3505 10.3525V8.65011C19.3505 6.96759 19.3505 6.12633 19.023 5.48369C18.735 4.91841 18.2754 4.45882 17.7101 4.17079C17.0675 3.84335 16.2262 3.84335 14.5437 3.84335H8.1347C6.45217 3.84335 5.61091 3.84335 4.96827 4.17079C4.40299 4.45882 3.94341 4.91841 3.65538 5.48369C3.32794 6.12633 3.32794 6.96759 3.32794 8.65011L3.32788 16.0682C3.32788 17.7507 3.32788 18.592 3.65532 19.2346C3.94335 19.7999 4.40293 20.2595 4.96821 20.5475C5.61085 20.875 6.45211 20.875 8.13464 20.875H10.8384' stroke='%23964124' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Icon_2' d='M22.9735 17.1065C23.3542 16.9584 23.5445 16.8844 23.6001 16.7778C23.6482 16.6853 23.6483 16.5752 23.6002 16.4827C23.5448 16.3759 23.3545 16.3017 22.974 16.1532L12.1759 11.9393C11.8325 11.8053 11.6607 11.7383 11.551 11.7749C11.4557 11.8068 11.3809 11.8815 11.349 11.9768C11.3124 12.0866 11.3794 12.2583 11.5134 12.6018L15.7273 23.3999C15.8758 23.7804 15.9501 23.9707 16.0568 24.0261C16.1493 24.0742 16.2594 24.0741 16.3519 24.0259C16.4586 23.9704 16.5326 23.78 16.6806 23.3994L18.361 19.0783C18.3911 19.001 18.4061 18.9623 18.4293 18.9298C18.4499 18.901 18.4751 18.8758 18.5039 18.8552C18.5365 18.832 18.5751 18.817 18.6524 18.7869L22.9735 17.1065Z' fill='%23964124'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1015_14537'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.983978)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}
.law-module .item-head .proposer-info {margin-top:4px}
.law-module .item-head .proposer-info > span {color:var(--hk-text-secondary); font-size:12px}
.law-module .item-head .proposer-info > span + span {margin-left:5px; padding-left:5px; border-left:1px solid var(--list-line-color); box-sizing:border-box}
.law-module .item-head.active + .item-cont {display:block}
.law-module .item-head.active + .item-cont::before {content:''; display:block; position:absolute; top:-10px; left:0; width:100%; height:20px; background-color:#F9F6F5}
.law-module .item-cont .tit {display:block; margin-bottom:4px; font-size:12px}
.law-module .party-logo {flex:0 0 auto; display:flex; align-items:center; justify-items:center; width:44px; height:44px; border-radius:8px; border:1px solid var(--list-line-color); box-sizing:border-box; background-repeat:no-repeat; background-size:contain; background-position:center}
.law-module .party-logo.party-1 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party1.svg')}
.law-module .party-logo.party-2 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party2.svg')}
.law-module .party-logo.party-3 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party3.svg')}
.law-module .party-logo.party-4 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party4.svg')}
.law-module .party-logo.party-5 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party5.svg')}
.law-module .party-logo.party-6 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party6.svg')}
.law-module .affected-stocks .stock-item > span {font-size:12px; word-break:break-all}
.law-module .affected-stocks > a {display:inline-block; margin-right:4px; margin-bottom:4px}
.law-module .affected-stocks .up {color:var(--hk-up)}
.law-module .affected-stocks .down {color:var(--hk-down)}
.law-module .affected-stocks .hold {color:var(--hk-hold)}
.law-module .affected-stocks .btn-more {padding:2px 4px; line-height:1; color:#964124; font-size:12px; vertical-align:middle; background-color:#F0E8E5; box-sizing:border-box}

.law-module .item-head .head-cont {flex:1 1 auto; display:flex; justify-content:space-between; gap:12px; width:calc(100% - 36px)}
.law-module .btn-fold {flex:0 0 auto; width:24px; border-radius:8px; background-color:#F9F6F5;}
.law-module .btn-fold::after {content:''; display:inline-block; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-down'%3E%3Cpath id='Icon' d='M4 6.00635L8 10.0063L12 6.00635' stroke='%23964124' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain; vertical-align:-3px}
.law-module .item-cont {position:relative; border-radius:0 0 8px 8px; transform: translateY(-10px); opacity: 0; height:0; visibility: hidden; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; line-height:1.2; background-color:#F9F6F5; box-sizing:border-box}
.law-module .law-item.on .item-cont {transform: translateY(0); opacity: 1; height:100%; padding:12px 16px 8px 16px; visibility:visible;}
.law-module .law-item.on .btn-fold {display:none}

/* ----- 메인(국제) ----- */
[data-category="global"] .news-item-group:not(.type-grid) .news-item:not(.type-headline) .news-tit {-webkit-line-clamp:3}
.news-slide-module {margin-bottom:24px}
.news-slide-module .news-category {display:block; margin-bottom:8px; font-size:14px}
.news-slide-module .news-category, .news-slide-module .news-category > a {color:#D04537}
.news-slide-module .tag-news-wrap {padding:16px 0; border:1px solid var(--list-line-color); box-sizing:border-box}
.news-slide-module .tag-item {padding:0 20px; box-sizing:border-box}
.news-slide-module .tag-item .news-item {align-items:center; gap:12px}
.news-slide-module .tag-item .news-tit {font-weight:400; font-size:18px; -webkit-line-clamp:2}
.news-slide-module .tag-item .thumb {width:80px; height:50px}
.news-slide-module .tag-item .text-cont {width:calc(100% - 92px)}
.news-slide-module .slide-control {margin-top:16px}

.slide-control {display:flex; align-items:center; justify-content:center; gap:10px}
.slide-control .page-num {font-size:14px; letter-spacing:0}
.slide-control .page-num > strong {font-weight:700}
.slide-control .page-num > strong, .slide-control .page-num > span {display:inline-block; min-width:8px; margin:0 4px}
.slide-control > button {display:block; width:30px; height:20px}
.slide-control > button::after {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-3px}
.slide-control .btn-slide-prev::after {transform:scaleX(-1)}

.photo-news-wrap {margin-bottom:24px}
.photo-module .photo-news-list .slick-slide {display:flex !important}
.photo-module .photo-news-list .news-item .news-tit {font-weight:400; font-size:16px; text-align:center; -webkit-line-clamp:2}
.photo-module .photo-news-list .txt-date {text-align:center;}

.main-top-wrap .news-item-group:not(.type-grid) .news-item.type-headline + .news-item.type-headline {margin-top:-16px}
.main-top-wrap .news-item-group:not(.type-grid) .news-item.type-headline + .news-item.type-headline::before {display:none}
.slick-dots {display:flex; align-items:center; position:absolute; top:-37px; right:0}
/* .slick-dots > li {width:8px; height:20px}
.slick-dots > li button {width:6px; height:6px; border-radius:50%; text-indent:-9999em; background-color:#ddd}
.slick-dots > li.slick-active button {background-color:#121212} */

.slick-dots button {position:relative; width:24px; height:18px; overflow:hidden; color:transparent}
.slick-dots button::before {content:''; position:absolute; top:50%; left:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:5px; vertical-align:top; background:#ddd}
.slick-dots .slick-active button::before {background-color:#121212}


[data-category="global"] .type-slide .news-item {display:flex !important}
[data-category="global"] .type-slide .news-tit {font-weight:400; font-size:20px}
/* [data-category="global"] .type-slide .slick-dots > li.slick-active button {background-color:#D32C1C} */
[data-category="global"] .type-slide .slick-dots .slick-active button::before {background-color:#D32C1C}
[data-category="global"] .type-slide .module-tit-wrap {border-color:#D32C1C}
[data-category="global"] .type-slide .module-tit > a {color:#D32C1C}
[data-category="global"] .type-slide .module-tit > a::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23D32C1C' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E")}

.news-item.type-box.column {gap:0}
.news-item.type-box .text-cont {position:relative; padding:12px 16px 16px; box-sizing:border-box}
.news-item.type-box .text-cont::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-item.type-box .lead {margin-top:8px; -webkit-line-clamp:2}

.slick-track:has(.news-item.type-box) {display:flex; align-items:unset}
.news-item.type-box.slick-slide {position:relative; height:auto}
.news-item.type-box.slick-slide::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-item.type-box.slick-slide .text-cont {flex:1}
.news-item.type-box.slick-slide .text-cont::after {border:none; border-top:1px solid rgba(0,0,0,.1)}

/* ----- 메인(라이프) ----- */
[data-category="trend"] .main-top-wrap .news-item-group.type-grid {margin-top:16px}
[data-category="trend"] .main-top-wrap .news-item-group + .news-item-group {margin-top:24px; padding-top:16px; border-top:1px solid var(--list-line-color)}
[data-category="trend"] .photo-news-wrap .news-item.column > .thumb {padding-bottom:62.5%}

/* ------ 테크 ------ */
/* .video-news-list {padding:0 16px; box-sizing:border-box} */
.video-news-list .module-tit {font-weight:bold; font-size:17px}
.video-news-list .module-tit > span:not(.txt-en) {display:block; margin-bottom:10px; box-sizing:border-box}
.video-news-list .news-tit {font-size:20px}
.video-news-list .thumb + .news-tit {margin-top:15px}
.video-news-list .news-tit {font-weight:500}
.video-news-list .thumb-news-item {margin-bottom:30px}
.video-news-list .thumb {overflow:hidden; position:relative; height:0; padding-bottom:56.25%}
.video-news-list .thumb > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.video-news-list .thumb > a::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}

/* 테크- 데이터 페이지들 */
.ranking-module .txt-etc span + span::before {content:''; display:inline-block; width:1px; height:12px; margin:0 8px 0 6px; background-color:#ddd; vertical-align:middle}
.ranking-module .txt-etc {color:#585858; font-size:12px}
.ranking-module .startup-series-list {border-bottom:0}
.ranking-module .startup-series-list .item {display:block; padding:16px 0px; border-top:1px solid #e4e4e4} 
.ranking-module .startup-series-list li:first-child .item {border-top:none; padding-top:0}
.ranking-module .startup-series-list li:last-child .item {padding-bottom:0}
.ranking-module .startup-series-list .startup-name {font-weight:500; font-size:16px}
.ranking-module .startup-series-list .startup-name .rank {flex:0 0 auto; width:24px; margin-top:1px; margin-right:8px; font-weight:700; color:#006E99; font-size:14px; text-align:center}
.ranking-module .startup-series-list .startup-info {margin-top:6px; padding-left:32px}
.ranking-module .startup-series-list .startup-info > p {position:relative; padding-left:0; font-size:12px}
.ranking-module .startup-series-list .startup-info > p .tit::after {content:''; display:inline-block; margin:0 5px 0 7px; width:1px; height:12px; background-color:#ddd; vertical-align:middle}
.ranking-module .startup-series-list .startup-info > p + p {margin-top:2px}
.ranking-module .startup-series-list .startup-info > p::before {display:none}

/* 기업리포트 */
.compreport-module {margin-bottom:24px}
.compreport-module .txt-box {padding-top:16px; text-align:center; word-break:break-word}
.compreport-module .txt-box::after {width:244px; height:165px; background:url('https://hkstatic.hankyung.com/resource/www/section/img/img-graphic-compreport.svg') no-repeat center/contain}
.compreport-module .txt-box p {margin-top:8px}
.compreport-module .btn-link {background-color:#007C9D}

.news-tit + .txt-date {display:block; margin-top:8px; line-height:1}
[data-category="tech"] .photo-module .photo-news-list .news-item .news-tit {font-size:18px; text-align:left}
[data-category="tech"] .photo-module .news-item.column > .thumb {padding-bottom:56.4%}
[data-category="tech"] .layout-container {padding:20px 20px 0}
[data-category="tech"] .layout-container .main-top-wrap {margin-top:-20px}

/* 데크- 데이터 페이지들 */
[data-category="tech"] .module-block {background:#fff}
[data-category="tech"] .cont-tit-wrap {display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
[data-category="tech"] .cont-tit {font-weight:bold; font-size:18px}
[data-category="tech"] .cont-tit > a::after {content:''; display:inline-block; width:18px; height:18px; margin-left:3px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-2px}
[data-category="tech"] .cont-tit-filter {display:flex; align-items:center; justify-content:space-between; margin-bottom:10px}
[data-category="tech"] .cont-tit-wrap + .txt-etc {margin-bottom:10px; text-align:right}
.select-style {display:inline-block; position:relative; min-height:35px; background:#fff; box-sizing:border-box}
.select-style select {position:relative; z-index:2; height:100%; padding:0 30px 0 15px; border:1px solid #ddd; border-radius:8px; background:transparent; font-size:15px; line-height:33px; vertical-align:middle; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none; box-sizing:border-box}
.select-style select::-ms-expand {opacity:0}
.select-style select option {font-size:15px}
.select-style::after {content:''; position:absolute; top:calc(50% - 4px); right:19px; width:8px; height:8px; border-right:1px solid #888; border-bottom:1px solid #888; transform:rotate(45deg) translateY(-50%)}

.logo-origin-stockplus {position:relative; top:1px; display:inline-block; width:85px; height:13px; margin-left:6px; overflow:hidden; color:transparent; white-space: nowrap; background:url('https://hkstatic.hankyung.com/resource/www/section/img/tech/logo-stockplus.svg') no-repeat 50% 50%/contain} /*증권플러스*/
.logo-origin-npay {position:relative; top:1px; display:inline-block; width:70px; height:13px; margin-left:6px; overflow:hidden; color:transparent; white-space: nowrap; background:url('https://hkstatic.hankyung.com/resource/www/section/img/tech/logo-npay.svg') no-repeat 50% 50%/contain} /*증권플러스*/
.logo-origin-thevc {vertical-align:top; margin-bottom:-5px; display:inline-block; width:80px; height:23px; margin-left:6px; overflow:hidden; color:transparent; white-space: nowrap; background:url('https://hkstatic.hankyung.com/resource/www/section/img/tech/logo-thevc.svg') no-repeat 50% 50%/contain} /*더브이씨*/
.logo-origin-innoforest {position:relative; top:1px; display:inline-block; width:55px; height:13px; margin-left:6px; overflow:hidden; color:transparent; white-space: nowrap; background:url('https://hkstatic.hankyung.com/resource/www/section/img/tech/logo-innoforest.svg') no-repeat 50% 50%/contain} /*혁신의숲*/

/* 투자랭킹 */
.startup-series-list {border-bottom:1px solid #ddd}
.startup-series-list .item {display:block; padding:20px 10px; border-top:1px solid #ddd} 
.startup-series-list .startup-name {display:flex; font-weight:bold; font-size:17px}
.startup-series-list .startup-name .rank {flex:0 0 auto; width:30px}
.startup-series-list .startup-info {margin-top:12px; padding-left:30px}
.startup-series-list .startup-info > p {position:relative; padding-left:10px}
.startup-series-list .startup-info > p::before {content:''; position:absolute; top:9px; left:0; width:2px; height:2px; background:#121212}
.startup-series-list .startup-info > p + p {margin-top:3px}

/* 스타트업 비상장주식 */
.stock-itemlist > li {padding:15px 0; border-bottom:1px solid #ddd}
.stock-itemlist > li > .item {display:flex; align-items:center; justify-content:space-between}
.stock-itemlist > li:first-child {border-top:1px solid #ddd}
.stock-itemlist .stock-title {display:flex; align-items:center}
.stock-itemlist .stock-title .rank {flex:0 0 auto; min-width:30px; color:#000; font-weight:bold; font-size:17px; text-align:center}
.stock-itemlist .stock-title .name {display:table-cell; color:#121212; white-space:unset; font-size:17px; line-height:1.3}
.stock-itemlist .stock-nums {display:flex; align-items:center; margin-left:10px; text-align:right; white-space: nowrap;}
.stock-itemlist .stock-nums .price {color:#121212; font-size:17px; line-height:1.2}
.stock-itemlist .stock-nums .price-sm {display:block; color:var(--hk-text-secondary); font-size:12px}
.stock-itemlist .stock-nums .rate {display:inline-block; min-width:70px; margin-left:10px; padding:0 10px; border-radius:8px; background-color:var(--hk-hold-bg); color:#fff; font-size:14px; line-height:30px; vertical-align:top; box-sizing:border-box}
.stock-itemlist .up .stock-nums .price {color:var(--hk-up)}
.stock-itemlist .down .stock-nums .price {color:var(--hk-down)}
.stock-itemlist .hold .stock-nums .price {color:var(--hk-hold)}
.stock-itemlist .up .stock-nums .rate {background-color:var(--hk-up-bg)}
.stock-itemlist .down .stock-nums .rate {background-color:var(--hk-down-bg)}
.stock-itemlist .hold .stock-nums .rate {background-color:var(--hk-hold-bg)}
.stock-itemlist + .txt-etc {margin-top:10px}

/* 스타트업 기업리포트 */
.startup-report-list .report-list > li {border-top:1px solid #ddd}
.startup-report-list .item {display:flex; align-items:center; gap:15px; padding:20px 0}
.startup-report-list .report-thumb {position:relative; flex:0 0 auto; width:112px; height:63px; border-radius:10px; overflow:hidden}
.startup-report-list .report-thumb img {width:100%; height:100%; object-fit:cover}
.startup-report-list .report-thumb::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); border-radius:10px; box-sizing:border-box; pointer-events:none}
.startup-report-list .report-tit {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold; font-size:17px}
.startup-report-list .category {margin-top:5px; font-size:12px}

.banner-slide .slick-dots {position:relative; top:auto; right:auto; justify-content:center; margin-top:8px}
.banner-slide .slick-dots > li {height:18px}
.banner-slide > div {text-align:center}
.banner-slide img {display:inline-block; width:300px; height:100px; object-fit:cover}


/* banner(ex.wave) */
/* 1개 */
.banner-area {margin:32px -20px; padding:0 20px; overflow:hidden; text-align:center}
.banner-area > a {position:relative; display:block}
.banner-area img {width:320px; height:auto}
/* 단독 여러개 */
.banner-group {margin:24px 0}
.banner-group .banner-area {margin:0 -20px}
.banner-group .banner-area + .banner-area {margin-top:16px}
.ad-box + .banner-group {margin-top:0}

/* ----- 메인(wave) ----- */
.cont-module.bg-dark + .cont-module .module-tit-wrap {border-top:none; padding-top:0}

[data-category="wave"] .news-item > .thumb::after {display:none}
[data-category="wave"] .news-item.column .thumb {position:relative; height:0; padding-bottom:56.25%; overflow:hidden}
[data-category="wave"] .news-item.column .thumb > a {position:absolute; top:0; left:0; width:100%; height:100%}
[data-category="wave"] .news-item.column .thumb img {width:100%; height:100%; object-fit:cover; object-position:center top}
[data-category="wave"] .module-tit > a::after {display:none}

.layout-zigzag .news-item {gap:0 !important}
.layout-zigzag .news-item:not(:first-child) {margin-top:20px}
.layout-zigzag .news-item .text-cont {position:relative; z-index:2; width:auto; margin:-32px 16px 0; padding:16px; box-sizing:border-box}
.layout-zigzag .news-item:nth-child(odd) .text-cont {background:#E8F0F2}
.layout-zigzag .news-item:nth-child(even) .text-cont {background:#F0F4EB}
.layout-zigzag .news-item .news-tit {font-size:20px}

.layout-zigzag.type-card .news-item .thumb > a::after {display:none}
.layout-zigzag.type-card .news-item .text-cont {margin:0; padding:16px; box-sizing:border-box}

.major-text-news + .news-item-group {margin-top:16px; padding-top:16px; border-top:1px solid var(--list-line-color)}

.luxury-module.bg-dark {margin-left:-20px; margin-right:-20px; padding:0 20px 24px; background:#121212; color:#fff}
.luxury-module.bg-dark a {color:#fff}
.luxury-module.bg-dark .news-tit + .txt-date {color:#bdbdbd}
.luxury-module.bg-dark .news-item-group:not(.type-grid) .news-item + .news-item::before {background:#585858}
.luxury-module.bg-dark .type-headline {padding-bottom:4px}
.luxury-module.bg-dark .type-headline .news-tit,
.living-space-module .type-headline .news-tit {font-weight:400}

/* 메인(반도체인사이트) */
[data-category="semiconinsight"] .main-top-wrap .news-item.type-overlay:nth-child(1) {--overlay-bg:#3E73D3}
[data-category="semiconinsight"] .main-top-wrap .news-item.type-overlay:nth-child(3) {--overlay-bg:#F47725}

/* 기자코너 */
.reporter-list .reporter-item {padding:16px 0; border-bottom:1px solid #ddd}
.reporter-list .reporter-item:first-child {padding-top:0}
.reporter-list .reporter-item:last-child {border-bottom:none; padding-bottom:0}
.reporter-list .news-tit {font-weight:400; font-size:18px; -webkit-line-clamp:2}
.reporter-list .thumb {width:70px; height:70px; border-radius:50%}
.reporter-list .news-item .thumb > a::after {border-radius:50%; border:1px solid rgba(0,0,0,.05); z-index: 1}
.reporter-list .text-cont {width:calc(100% - 86px)}
.reporter-list .reporter-name {display:block; margin-top:8px; font-weight:700; font-size:14px}
.reporter-list .news-tit + .txt-date {margin-top:6px}

/* 특정섹션 */
.main .specific-wrap .layout-container {padding:0 16px}
.main .specific-wrap .ad-box,
.main .specific-wrap .ad-bottom {margin:0 -16px}
.specific-wrap .text-cont {display:flex; flex-direction:column; gap:8px}
.specific-wrap .category,
.specific-wrap .txt-date,
.specific-wrap .depth3 {display:block; font-size:12px}
.specific-wrap .news-subtit {margin-top:0; color:var(--hk-text-primary); font-size:14px}
.specific-wrap .main-top-wrap {padding-bottom:16px}
.specific-wrap .main-top-wrap .headline .news-item__meta {margin-bottom:0}
.specific-wrap .news-item__series {font-weight:700; font-size:13px}
.specific-wrap .lead {margin-top:0; color:var(--hk-text-secondary); font-size:12px; -webkit-line-clamp:2}
.specific-wrap .category {font-weight:700; color:var(--hk-text-primary)}
.specific-wrap .txt-date {margin-top:0; color:var(--hk-text-secondary)}
.specific-wrap .depth3, .specific-wrap .depth3 > a {color:#1A64B3; font-weight:700}
.specific-wrap .headline .text-cont {padding:12px 16px 0}
.specific-wrap .headline > .news-item:has(.thumb) .text-cont {padding-top:0}
.specific-wrap .headline + .news-item-group {padding-top:16px; border-top:1px solid var(--list-line-color)}
.specific-wrap .cont-module .news-item-group {padding:0 0 16px; box-sizing:border-box}
.specific-wrap .main-top-wrap + .cont-module.news-module {margin-top:0; padding-top:16px; border-top:1px solid var(--list-line-color)}
.specific-wrap .cont-module.ranking-module {margin-top:24px}
.specific-wrap .cont-module.ranking-module + .news-module .news-item-group {padding-top:0}
.specific-wrap .cont-module.ranking-module + .news-module .news-item-group .news-item-box:first-child {padding-top:16px; border-top:1px solid var(--layout-line-color); box-sizing:border-box}
.specific-wrap .cont-module .news-item-group .news-item-box + .news-item-box {position:relative}
.specific-wrap .cont-module .news-item-group .news-item-box + .news-item-box::before {content:''; display:block; position:absolute; top:-16px; left:0; width:100%; height:1px; background:#ddd}
.specific-wrap .ranking-module .ranking-item {width:calc(100% - 36px)}
.specific-wrap .ranking-module .ranking-list > li {align-items:flex-start}
.specific-wrap .ranking-module .ranking-list > li:last-child {padding-bottom:0}
.specific-wrap .ranking-module .ranking-list .news-item {gap:8px; align-items:flex-start; width:100%}
.specific-wrap .ranking-module .ranking-list .news-item .thumb {width:80px; height:45px}
.specific-wrap .ranking-module .ranking-list .news-item .news-tit {-webkit-line-clamp:none}
.specific-wrap + .footer-module > div:first-child > .foot-inner {padding-top:20px; border-top:none}
.specific-wrap + .footer-module .footer-infomation .item {padding:6px 0}

.specific-wrap .news-item-group:not(.type-small) .news-item:not(.column) .thumb {height:63px}
.specific-wrap .news-item.column > .thumb {padding-bottom:56.25%}

/* 기자페이지 */
.specific-wrap .reporter-area {margin:0 -16px; padding:32px 24px; box-sizing:border-box; background:#f5f5f5}
.specific-wrap .reporter-area + .cont-module {margin-top:16px}
.specific-wrap .reporter-area .info-wrap {display:flex; flex-wrap:wrap; gap:40px; justify-content:space-between;}
.specific-wrap .reporter-area .info-cont {flex:1}
.specific-wrap .reporter-area .reporter-img {width:72px; height:72px; border-radius:50%; overflow:hidden;}
.specific-wrap .reporter-area .reporter-img img {width:100%; height:100%; object-fit:cover; object-position:center top} 
.specific-wrap .reporter-area .info-area {display:flex; gap:16px; align-items:center;}
.specific-wrap .reporter-area .info-area .reporter-name {display:block; font-weight:500; font-size:24px}
.specific-wrap .reporter-area .info-area .btn-subscribe {display:flex; align-items:center; gap:7px; height:32px; padding:0 16px; border-radius:100px; border:1px solid #585858; font-size:12px; font-weight:400; background:#fff; box-sizing:border-box}
.specific-wrap .reporter-area .info-area .btn-subscribe::before {content:''; flex:0 0 auto; width:14px; height:14px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M7 4.667v4.666M4.667 7h4.666m3.5 0A5.833 5.833 0 1 1 1.167 7a5.833 5.833 0 0 1 11.666 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center /contain}
.specific-wrap .reporter-area .info-area .btn-subscribe.ing::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23121212' d='M7 12.833A5.833 5.833 0 1 0 7 1.167a5.833 5.833 0 0 0 0 11.666'/%3E%3C/svg%3E")}
.specific-wrap .reporter-area .sns-list {display:inline-flex; gap:16px 16px; flex-wrap:wrap; width:100%; margin-top:24px}
.specific-wrap .reporter-area .sns-list li {width:calc(50% - 8px)}
.specific-wrap .reporter-area .sns-list li > a {display:flex; align-items:center; gap:8px; font-size:14px}
.specific-wrap .reporter-area .sns-list li > a::before {content:''; flex:0 0 auto; width:16px; height:16px; background-repeat:no-repeat; background-position:center; background-size:contain}
.specific-wrap .reporter-area .sns-list li.email > a::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m1.333 4.667 5.444 3.81c.44.309.66.463.9.523.212.052.434.052.645 0 .24-.06.46-.214.901-.523l5.444-3.81M4.533 13.333h6.934c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874c.218-.427.218-.987.218-2.108V5.867c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.108-.218H4.533c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874c-.218.428-.218.988-.218 2.108v4.266c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.428.218.988.218 2.108.218'/%3E%3C/svg%3E")}
.specific-wrap .reporter-area .sns-list li.facebook > a::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23121212' d='M14 7.026C14 3.146 10.866 0 7 0S0 3.146 0 7.026c0 3.295 2.26 6.06 5.309 6.819V9.173H3.865V7.026H5.31V6.1c0-2.392 1.078-3.5 3.417-3.5.444 0 1.21.087 1.522.175v1.946a9 9 0 0 0-.808-.026c-1.149 0-1.592.436-1.592 1.57v.76h2.287l-.392 2.147H7.848V14C11.315 13.58 14 10.618 14 7.026'/%3E%3C/svg%3E")}
.specific-wrap .reporter-area .sns-list li.sns-x > a::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' fill='none' viewBox='0 0 14 13'%3E%3Cpath fill='%23121212' d='m6.3 8.231 3.382 4.423H14L8.483 5.36 13.173 0h-2.147L7.49 4.045 4.43 0H0l5.293 6.92-5.015 5.734h2.147l3.87-4.423zm5.167 3.138h-1.19L2.512 1.22H3.79z'/%3E%3C/svg%3E");}
.specific-wrap .reporter-area .sns-list li.insta > a::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23121212' d='M4.1.049c-.744.035-1.252.154-1.697.329-.46.179-.85.42-1.238.81-.389.389-.628.779-.806 1.24-.172.445-.289.955-.322 1.7s-.04.985-.036 2.885C.004 8.914.013 9.153.049 9.9c.036.745.154 1.254.329 1.698.18.46.42.85.81 1.239.389.388.779.626 1.241.805.445.172.954.29 1.7.322.745.032.984.04 2.885.036 1.9-.003 2.14-.012 2.886-.047.747-.036 1.252-.155 1.697-.329.46-.18.85-.42 1.239-.81.388-.39.627-.78.804-1.241.173-.445.29-.954.322-1.699.033-.747.04-.986.037-2.886s-.012-2.14-.047-2.886-.154-1.253-.329-1.698c-.18-.46-.42-.85-.81-1.239a3.4 3.4 0 0 0-1.24-.804c-.446-.173-.955-.29-1.7-.322S8.888-.002 6.987 0 4.847.013 4.1.049m.083 12.654c-.683-.03-1.053-.143-1.3-.238a2.2 2.2 0 0 1-.806-.522 2.15 2.15 0 0 1-.525-.804c-.096-.246-.212-.617-.244-1.3-.035-.737-.042-.958-.046-2.827-.004-1.87.003-2.09.036-2.828.029-.682.143-1.053.238-1.3.126-.327.277-.56.522-.806a2.16 2.16 0 0 1 .804-.525c.246-.096.616-.211 1.299-.243.738-.035.96-.042 2.828-.047s2.09.003 2.829.036c.682.03 1.053.143 1.3.238.326.126.56.277.805.522.246.245.398.477.525.804.097.246.211.616.244 1.299.035.738.043.96.046 2.828s-.003 2.09-.035 2.828c-.03.683-.143 1.053-.238 1.3-.126.327-.278.56-.523.806a2.2 2.2 0 0 1-.804.525c-.246.097-.617.211-1.298.244-.739.034-.96.042-2.83.046-1.868.004-2.089-.004-2.827-.036M9.889 3.26a.84.84 0 1 0 1.68-.003.84.84 0 0 0-1.68.003M3.406 7.007a3.594 3.594 0 1 0 7.188-.014 3.594 3.594 0 0 0-7.188.014m1.26-.002a2.333 2.333 0 1 1 4.668-.01 2.333 2.333 0 0 1-4.667.01'/%3E%3C/svg%3E")}
.specific-wrap .reporter-area .desc-cont {margin-top:24px; padding-top:24px; border-top:1px solid #ddd; line-height:1.5; font-size:14px; box-sizing:border-box; }
.specific-wrap .reporter-area .desc-cont > div {display:-webkit-box; max-height:calc(1.5em * 8 + 25px); -webkit-box-orient:vertical; -webkit-line-clamp:8; transition:all .4s ease; overflow:hidden;}
.specific-wrap .reporter-area .desc-cont.on > div{display:block; -webkit-line-clamp:unset; max-height:1000px;}
.specific-wrap .reporter-area .btn-fold {display:block; width:100%; font-weight:400; font-size:12px; text-align:right}
.specific-wrap .reporter-area .btn-fold > span::after {content:''; display:inline-block; width:16px; height:16px; margin-left:4px; vertical-align:-3px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); transition:transform .3s}
.specific-wrap .reporter-area .desc-cont.on .btn-fold > span::after {transform:rotate(180deg)}
.specific-wrap .reporter-area .desc-cont:has(.btn-fold) {padding-top:16px;}
.specific-wrap .reporter-area .desc-cont .btn-fold {margin-bottom:8px}


/* modal */
.hk-modal {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; align-items:center; justify-content:center; background-color:rgba(0,0,0,.75); animation:fade-out .3s forwards}
.hk-modal:not(.modal-photoviewer) {touch-action:none; height:100vh}
.hk-modal-inner {padding:40px 30px 30px; box-sizing:border-box}
.hk-modal .hk-modal-inner {position:fixed; left:0; bottom:0; right:0; border-radius:10px 10px 0 0; background:#fff; animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards; touch-action:auto}
.hk-modal .hk-modal-header {margin-top:-20px; padding:0 20px 30px; text-align:center}
.hk-modal .hk-modal-tit {font-weight:bold; font-size:20px; line-height:1.2}
.hk-modal .hk-modal-body {padding:0 20px}
.hk-modal .hk-modal-header + .hk-modal-body {padding-top:0}
.hk-modal .modal-btn-close {position:absolute; top:9px; right:9px; padding:10px}
.modal-btn-confirm {display:inline-flex; align-items:center; box-sizing:border-box; justify-content:center; width:100%; height:40px; border-radius:8px; background-color:#121212; font-weight:700; color:#fff; font-size:17px}
.hk-modal .msg {font-size:20px; text-align:center}
.hk-modal .scroll-area {overflow-x:hidden; overflow-y:auto}
.hk-modal.show {display:flex; animation:fade-in .3s forwards}
.hk-modal.show .hk-modal-inner {animation:modalScaleUp .3s cubic-bezier(.6, 0, .4, 1) forwards}
.hk-modal.hide {animation:fade-out .3s forwards}
.hk-modal.hide .hk-modal-inner {animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards}
.hk-modal .hk-modal-footer {display:flex; align-items:center; justify-content:space-between; padding:20px 20px 0; text-align:center}
.hk-modal .hk-modal-footer [class^="mybtn-"] {flex:0 0 auto; width:calc(50% - 5px); display:inline-flex; align-items:center; box-sizing:border-box; justify-content:center; height:40px; border-radius:8px; font-size:16px}
.hk-modal .hk-modal-footer [class^="mybtn-"]:only-child {width:100%}
.mybtn-confirm {background-color:#121212; border:1px solid #121212; color:#fff}
.mybtn-cancel {background-color:#fff; border:1px solid #ddd; color:#121212}

.specific-wrap .last-page {margin:24px 0; color:#585858; font-size:14px; text-align:center}

@keyframes fade-in {
    from {opacity:0}
    to {opacity:1}
  }
  @keyframes fade-out {
    from {opacity:1}
    to {opacity:0; z-index:-1; height:0; overflow:hidden}
  }
  @keyframes modalScaleUp {
      0% {-webkit-transform:translateY(100%); transform:translateY(100%)}
      to {-webkit-transform:translateY(0); transform:translateY(0)}
  }
  @keyframes modalScaleDown {
      0% {-webkit-transform:translateY(0); transform:translateY(0); opacity:1}
      to {-webkit-transform:translateY(200%); transform:translateY(200%); opacity:0}
  }

@media (max-width:300px){
    .law-module .item-head .law-info {padding-left:0}
    .law-module .item-head .law-info::before {display:none}
}

/* OS dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --list-line-color: #323235;
    }
    
    #container {background:#272729}
    .main #container, .cont-module {background:#000}
    .main .ad-box, .main .ad-bottom {background-color:#1c1c1e}

    .slick-dots button::before {background:#555}
    .slick-dots .slick-active button::before {background-color:#fff}

    .news-item:not(:first-of-type),
    .news-item.column + .news-item-group, 
    .cont-module .news-item-group .news-item + .news-item,
    [data-category="economy"] .headline + .news-item-group,
    .law-module .party-logo,
    .law-module,
    .ranking-module .startup-series-list .item,
    .reporter-list .reporter-item {border-width:.5px; border-color:#323235}
    .news-item-group:not(.type-grid) .news-item + .news-item::before,
    .news-item-group.line .news-item + .news-item::before, 
    .news-item-group.type-category li + li::before,
    .major-text-news:not(.column) > .col:nth-child(2n)::before {background-color:#323235}
    .major-text-news > .col,
    .report-module .report-list li + li,
    .datacenter-module .data-list li + li,
    .ranking-module .ranking-list > li + li,
    .aicel-module, .banner-module,
    .aicel-module .tit-box, .banner-module .tit-box,
    .tag-list .tag-item,
    .law-module .item-head,
    .news-slide-module .tag-news-wrap,
    [data-category="life"] .main-top-wrap .news-item-group + .news-item-group,
    .news-item.type-box .text-cont::after {border-color:#323235}
    .module-tit-wrap {border-color:#555}
    .report-module .report-list .report-name > span + span::before,
    .ranking-module .txt-etc span + span::before,
    .ranking-module .startup-series-list .startup-info > p .tit::after {background-color:#888}
    .news-category,
    .news-category > a {color:#79ADD4}

    .module-tit > a::after,
    .aicel-module .tit-box .logo-aicel,
    .slide-control > button::after {filter:invert(1)}
    .report-module .report-list li::before {background-color:#ddd; filter:invert(1)}
    [data-category="global"] .type-slide .module-tit > a::after {filter:invert(0)}

    .law-module .item-head, 
    .law-module .item-cont,
    .law-module .item-head.active + .item-cont::before {background-color:#1c1c1e}
    .law-module .item-head.active {border-color:#888}
    .law-module .affected-stocks .btn-more {color:#fff; background-color:#555}
    .law-module .item-head .law-info::before,
    .law-module .btn-fold::after {filter:brightness(10)}
    .law-module .item-head .proposer-info > span + span {border-color:#888}
    .law-module .btn-fold {background-color:#323235}
    .law-module .party-logo {background-color:#1c1c1e}
    .law-module .party-logo.party-1 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party1-w.svg')}
    .law-module .party-logo.party-2 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party2-w.svg')}
    .law-module .party-logo.party-3 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party3-w.svg')}
    .law-module .party-logo.party-4 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party4-w.svg')}
    .law-module .party-logo.party-5 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party5-w.svg')}
    .law-module .party-logo.party-6 {background-image:url('https://hkstatic.hankyung.com/resource/www/section/img/logo-party6-w.svg')}

    [data-category="tech"] .module-block {background-color:#000}
    .select-style {background:#1c1c1e; border-radius:8px}
    .select-style select {border:none}
    .select-style::after {border-color:#fff}
    .ranking-module .startup-series-list .item {border-width:.5px; border-color:#323235}
    .startup-series-list .startup-info > p::before {background:#fff}
    .stock-itemlist > li, .stock-itemlist > li:first-child,
    .startup-series-list, .startup-series-list .item,
    .startup-report-list .report-list > li {border-color:#323235}

    .logo-origin-stockplus {background-image:url('https://hkstatic.hankyung.com/img/www/w/geeks/logo/logo-stockplus-w.svg')} /*증권플러스*/
	.logo-origin-thevc {background-image:url('https://hkstatic.hankyung.com/img/www/w/geeks/logo/logo-thevc-w.svg')} /*더브이씨*/
	.logo-origin-innoforest {background-image:url('https://hkstatic.hankyung.com/img/www/w/geeks/logo/logo-innoforest-w.svg')} /*혁신의숲*/

    .layout-zigzag .news-item:nth-child(odd) .text-cont,
    .layout-zigzag .news-item:nth-child(even) .text-cont {background:#1c1c1e}

    /* 특정섹션 */
    .specific-wrap .cont-module .news-item-group .news-item-box + .news-item-box::before {background:#323235}
    .specific-wrap .depth3, .specific-wrap .depth3 > a {color:#79ADD4}
    .specific-wrap .news-item .thumb > a::after {border-color:rgba(255, 255, 255, 0.10)}
    .specific-wrap .reporter-area {background:#555}
    .specific-wrap .reporter-area .sns-list li > a::before,
    .specific-wrap .reporter-area .info-area .btn-subscribe::before,
    .specific-wrap .reporter-area .btn-fold > span::after {filter:invert(1)}
    .specific-wrap .reporter-area .info-area .btn-subscribe {background:#1c1c1e}

    .hk-modal .hk-modal-inner {color:#fff; background-color:#1c1c1c}
    .modal-btn-confirm {background-color:#888}
    .mybtn-confirm {background-color:#888; border:1px solid #888}
    .mybtn-cancel {background-color:#333; border:1px solid #333; color:#fff}
    .hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)}
    
}