@charset "UTF-8"; /* 기사뷰 M * 2023.07 : 기사뷰 GNB 메인타입으로 변경 버전 */ html,body{-webkit-text-size-adjust:none} /* header */ .header {position:relative; top:0; left:0; right:0; font-family:'Apple SD Gothic Neo','Helvetica Neue','AppleGothic','Droid Sans fallback',sans-serif} .header .header-section-cont {position:relative; height:50px; padding-top:10px} .header::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px)} .header .logo {display:flex; height:50px; align-items:center; justify-content:center} .header .logo-hankyung {display:inline-block; width:81px; height:20px; overflow:hidden; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sybtb%2Sybtb-ux.fit') no-repeat; color:transparent; white-space:nowrap; transform:scale(1.1); transform-origin:right top; user-select:none;} .header .btn-allmenu {width:22px; height:17px; position:absolute; top:calc(50% + 5px); left:20px; transform:translateY(-50%); z-index:3; font-size:0} .header .btn-allmenu .badge-new {position:absolute; top:-5px; right:-5px} header.ver2022 .search-area {position:absolute; top:23px; right:20px} header.ver2022 .search-area.active .layer-search {left:0; transform:translateX(0)} header.ver2022 .btn-open-search {vertical-align:top} header.ver2022 .btn-open-search::before, header.ver2022 .btn-search::before {content:''; display:inline-block; width:23px; height:23px; background-position:-103px -116px; vertical-align:top} header.ver2022 .layer-search {position:fixed; top:0; right:0; bottom:0; z-index:100; /* max-width:720px; margin:0 auto; */ padding:20px 15px 30px; background:#fff; box-sizing:border-box; transform:translateX(100%); transition:transform ease-in-out .3s} header.ver2022 .layer-search .btn-close-search {position:absolute; top:15px; right:15px; width:30px; height:30px} header.ver2022 .layer-search .btn-close-search::before, header.ver2022 .layer-search .btn-close-search::after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); background:#121212} header.ver2022 .layer-search .btn-close-search::before {width:23px; height:2px} header.ver2022 .layer-search .btn-close-search::after {width:2px; height:23px} header.ver2022 .layer-search .inp-txt {width:100%; height:44px; padding:0 60px 0 14px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; font-size:17px; outline:none; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active} header.ver2022 .layer-search .search-input-wrap {position:relative} header.ver2022 .layer-search .btn-search {position:absolute; top:0; right:0; padding:10px; transform:scale(.7)} header.ver2022 .layer-search .btn-inp-clear {position:absolute; top:12px; right:40px} header.ver2022 .layer-search .btn-inp-clear .myicon-del-circle {vertical-align:top} header.ver2022 .search-auto-wrap {display:none; position:absolute; /*top:99px;*/ left:15px; right:15px; max-height:calc(100vh - 160px); padding:5px 0; border:1px solid #ddd; border-top:none; border-radius:0 0 8px 8px; box-sizing:border-box; background:#fff; font-size:13px; overflow-y:auto; -webkit-overflow-scrolling:touch} header.ver2022 .search-auto-wrap::-webkit-scrollbar {width:6px} header.ver2022 .search-auto-wrap::-webkit-scrollbar-track {background-color: transparent;} header.ver2022 .search-auto-wrap::-webkit-scrollbar-thumb {border-radius:3px; background-color:rgba(0,0,0,.5)} header.ver2022 .search-auto-wrap::-webkit-scrollbar-button {width: 0; height: 0;} header.ver2022 .search-auto-wrap {scrollbar-width:thin} header.ver2022 .layer-search.auto .inp-txt {padding:0 60px 0 15px; border-radius:8px 8px 0 0} header.ver2022 .mn-search .layer-search .btn-search {right:15px} header.ver2022 .layer-search.auto .search-auto-wrap {display:block} header.ver2022 .autocomplete-result > li > a {display:flex; padding:10px 15px; text-decoration:none} header.ver2022 .autocomplete-result > li > a:hover {background:#f7f7f7} header.ver2022 .autocomplete-result > li mark {background:none} header.ver2022 .autocomplete-result > li.type-stock > a {justify-content:space-between} header.ver2022 .autocomplete-result > li.type-stock > a > span {flex:0 0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} header.ver2022 .autocomplete-result > li.type-stock .category, header.ver2022 .autocomplete-result > li.type-stock .ko {color:#888; text-align:right} header.ver2022 .autocomplete-result > li.type-stock .code {letter-spacing:0} header.ver2022 .autocomplete-result > li.type-stock > a > .code {width:30%} header.ver2022 .autocomplete-result > li.type-stock > a > .name {width:50%} header.ver2022 .autocomplete-result > li.type-stock > a > .category {width:20%} header.ver2022 .autocomplete-result > li.type-stock mark {color:#ee4c4c} header.ver2022 .autocomplete-result > li.type-stock-global > a > .name {width:40%} header.ver2022 .autocomplete-result > li.type-stock-global > a > .ko {width:60%} header.ver2022 .autocomplete-result > li.type-default mark {color:#436f91} header.ver2022 .autocomplete-result > li.type-stock + .type-default {border-top:1px solid #ddd} header.ver2022 .layer-search .search-label {display:block; margin-bottom:10px; font-size:16px} /* 엠블럼(60주년) */ .header .logo .emblem {display:inline-block; width:80px; height:30px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Spbzzba%2Svzt%2Sybtb%2Srzoyrz-ux-60gu.fit%3Si%3Q2') no-repeat 50% 50%/contain; margin-left:8px} .gnb-wrap {border-bottom:1px solid #e3e3e3; font-family:'Apple SD Gothic Neo','Helvetica Neue','AppleGothic','Droid Sans fallback',sans-serif} .gnb {position:relative; /*height:30px;*/ min-height:30px; overflow:hidden; white-space:nowrap} .gnb .inner-scroll {/*height:30px; padding-bottom:50px;*/ overflow-x:scroll; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch} .gnb .inner-scroll::-webkit-scrollbar {display:none} .gnb ul {display:inline-flex; justify-content:space-between; min-width:100%} .gnb li {flex:0 0 auto; padding:0 7px; font-size:16px} .gnb li a {display:inline-block; height:30px; padding:0 5px; line-height:30px; box-sizing:border-box} .gnb ul:first-of-type li:first-child {padding-left:15px} .gnb ul:last-of-type li:last-child {padding-right:20px} .gnb li.on a {border-bottom:3px solid #121212; font-weight:bold} .gnb .nav-expand a {color:#436f91} .gnb .logo__globalmarket::before {position:relative; top:-1px} .gnb .logo__koreamarket::before {position:relative; top:-1px} .gnb .logo__jipconomy::before {position:relative; top:-2px; width:54px; height:19px; vertical-align:middle} .gnb .logo__globalmarket .icon-new {margin:0} .gnb .icon-premium {width:11px; height:13px; margin-left:4px} .gnb .icon-new {margin-left:4px; vertical-align:-3px} .gnb:before, .gnb:after {content:''; display:block; position:absolute; top:0; width:15px; height:50px; z-index:99} .gnb:before {left:0; background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%); background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%)} .gnb:after {right:0; width:25px; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%)} /* common.ui.all */ .hk__tooltip {display:inline-flex; align-items:center; position:relative; padding:4px 9px; border-radius:3px; background-color:#121212; color:#fff; font-size:12px; white-space:nowrap; box-sizing:border-box} .hk__tooltip::before {content:''; display:inline-block; position:absolute; pointer-events:none} .hk__tooltip.top::before {bottom:-5px; left:50%; border-top:5px solid #121212; border-left:5px solid transparent; border-right:5px solid transparent; transform:translateX(-50%)} .hk__tooltip.bottom::before {top:-5px; left:50%; border-bottom:5px solid #121212; border-left:5px solid transparent; border-right:5px solid transparent; transform:translateX(-50%)} .hk__tooltip.left::before {top:50%; left:-10px; border-top:5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #121212; transform:translateY(-50%)} .hk__tooltip.right::before {top:50%; right:-10px; border-top:5px solid transparent; border-left:5px solid #121212; border-bottom:5px solid transparent; border-right:5px solid transparent; transform:translateY(-50%)} .hk__tooltip .tooltip__btn-close {position:relative; top:-2px; width:11px; height:11px; margin-left:5px} .hk__tooltip .tooltip__btn-close::before {content:''; display:inline-block; width:12px; height:12px; background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%); background-size:100% 1px,1px 100%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg)} /*_____ Common _____*/ body {font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif} iframe {max-width:100%; vertical-align:top} /* helpers class */ .ellip {display:block; display:-webkit-box; word-break:break-all; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical} /* .overflow-hidden {position:fixed; inset:0; height:100vh; overflow:hidden; transform:none} */ .overflow-hidden {overflow:hidden; transform:none} html.overflow-hidden {height:100vh} /* body.overflow-hidden {height:100%} */ /* icon */ .svg-icon {vertical-align:top} /* button */ .btn-star-toggle > svg {/*transform:scale(1.15);*/vertical-align:top} .btn-star-toggle .svg-icon {fill:#fff; stroke:#121212; stroke-width:2px; transform:scale(.9); transform-origin:center center} .btn-star-toggle.on > svg {transform:none} .btn-star-toggle.on .svg-icon {fill:#ff761b; stroke:none; stroke-width:unset; transform:none} .btn-star-toggle .svg-star-fill {display:none} .btn-star-toggle.on .svg-star-fill {display:block; fill:#ff761b; stroke:none} .btn-star-toggle.on .svg-star {display:none} /* form */ .input-txt {display:block; width:100%; padding:0 14px; border:1px solid #ddd; border-radius:8px; background:#fff; box-sizing:border-box; outline:none; font-size:16px} input.input-txt {height:50px; line-height:48px} textarea.input-txt {padding:14px} .input-txt::placeholder {color:#888} .input-txt:-ms-input-placeholder {color:#888} .input-txt::-ms-input-placeholder {color:#888} .input-txt:disabled {background:#eee; cursor:not-allowed} .radio-style .inp-radio {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent} .radio-style {display:inline-flex; align-items:center; position:relative; cursor:pointer; margin-right:10px} .radio-style label {cursor:pointer} .radio-style .label-txt {display:inline-flex; align-items:center} .radio-style .label-txt::before {content:''; display:inline-block; width:16px; height:16px; margin-right:10px; border:1px solid #ddd; border-radius:10px; background:radial-gradient(circle, rgba(221,221,221,1) 4px, rgba(255,255,255,1) 4px); box-sizing:border-box} .radio-style .inp-radio:checked + .label-txt::before {border:none; background:radial-gradient(circle, rgba(255,255,255,1) 4px, rgba(34,34,34,1) 4px)} .radio-style .inp-radio:disabled + .label-txt::before, .radio-style .inp-radio[readonly] + .label-txt::before {background:radial-gradient(circle, rgba(211,211,211,1) 4px, rgba(238,238,238,1) 4px); cursor:not-allowed} .radio-style .inp-radio:checked:disabled + .label-txt::before, .radio-style .inp-radio:checked[readonly] + .label-txt::before {background:radial-gradient(circle, rgba(255,255,255,1) 4px, rgba(238,238,238,1) 4px)} .radio-style:last-child {margin-right:0} /* plugin */ .ui-widget.ui-widget-content {background:none} .ui-state-default {background:none} .ui-slider {position:relative; text-align:left} .ui-slider::before {content:''; display:block; position:absolute; top:13px; left:-15px; right:-15px; height:4px; background:linear-gradient(90deg, rgba(255,255,255,1) 15px, rgba(221,221,221,1) 15px, rgba(221,221,221,1) calc(100% - 15px), rgba(255,255,255,1) calc(100% - 15px));} .ui-slider .ui-slider-handle {position:absolute; z-index:3; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin-left:-15px; cursor:default; -ms-touch-action:none; touch-action:none; outline:none; box-sizing:border-box; cursor:pointer} .ui-slider .ui-slider-handle::before {content:''; display:inline-block; width:15px; height:15px; border-radius:100%; background:#121212; vertical-align:top} .ui-slider .ui-slider-range {position:absolute; z-index:1; display:block; border:none} .ui-slider-horizontal {height:30px} /* ad */ .ad-wrap {display:flex; justify-content:center; max-width:720px; margin:25px auto; text-align:center} .ad-wrap * {max-width:100%} /* .ad-wrap [id^="div-gpt-ad-"] {} */ .ad-wrap.naver_ad_box {text-align:left} .ad-wrap.bg {margin-left:-20px; margin-right:-20px; padding:20px; background:#f7f7f7; box-sizing:border-box} .ad-wrap:first-child {margin-top:0} .ad-area-wrap {clear:both;} .ad-area-wrap .ad-label {margin-bottom:10px; font-size:12px; letter-spacing:0; line-height:1} .ad-area-wrap > .ad-wrap {margin:0} .ad-area-wrap > .ad-wrap + .ad-wrap {margin-top:20px} .ad-area-wrap.bg {margin:25px -20px; padding:20px; background:#f7f7f7; text-align:center} .ad-area-wrap iframe {margin:0 !important} .ad-area-wrap + .ad-list-wrap, .ad-area-wrap + .ad-txt-list-wrap {padding-top:0; border-top:none} .ad-area-wrap + .bottom-of-article .major-article:first-child .article-label {padding-top:0; border-top:none} .bottom-of-article {margin:25px 0} .ad-list-wrap {margin-top:27px; padding-top:15px; border-top:1px solid #ddd} .ad-txt-list-wrap {margin-top:27px; padding-top:15px; border-top:1px solid #ddd} .ad-label {display:block; margin-bottom:5px; color:var(--hk-text-secondary); font-size:12px; text-align:center} .ad-label:not(:first-child) {margin-top:10px} .ad-txt-list > li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; line-height:26px} .ad-txt-list > li a {color:#666} .ad-list > li + li {margin-top:10px} .ad-list .ad-item {display:flex; align-items:center; justify-content:space-between; color:#666} .ad-list .ad-item .tit {overflow:hidden; display:block; display:-webkit-box; text-overflow:clip; -webkit-box-orient:vertical; font-weight:normal; font-size:14px; line-height:20px; -webkit-line-clamp:2} .ad-list .ad-item .thumb {flex:0 0 auto; width:80px; height:50px; margin-left:10px; border-radius:8px} .ad-top-fix {position:fixed; top:0; left:0; right:0; background:#121212; text-align:center; z-index:9999999999} .ad-top-fix .btn_close_ad {display:block; position:absolute; right:50%; bottom:5px; width:20px; height:20px; margin:0 -145px 0 0} /* .ad-naver {margin-left:-20px; margin-right:-20px} */ /* 띠배너(관리자) */ .sub_issue_bnr.type_center {text-align:center; background-color:#f3f2f8} .sub_issue_bnr.type_center img {width:320px; max-width:100%} .sub_issue_bnr.type_center > a {display:block} .article-promotion {position:relative} .article-promotion .item {display:flex; align-items:center; justify-content:center; height:80px; overflow:hidden; text-align:center; background-color:#F8F8F8} .article-promotion .item img {width:320px; /**/ max-width:100%; object-fit:cover; object-position:center top} .article-promotion .banner-control {position:absolute; right:0; bottom:0} .article-promotion .banner-control .btn-close-promotion {width:24px; height:24px; background:#808080 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2714%27%20urvtug%3Q%2714%27%20svyy%3Q%27abar%27%253R%253Pcngu%20fgebxr%3Q%27%2523sss%27%20fgebxr-yvarpnc%3Q%27ebhaq%27%20fgebxr-yvarwbva%3Q%27ebhaq%27%20q%3Q%27Z13%201%201%2013Z1%201y12%2012%27%2S%253R%253P%2Sfit%253R") no-repeat 50% 50%; vertical-align:top} /*_____ View _____*/ /* common */ .up, .up a {color:var(--hk-up)} .down, .down a {color:var(--hk-down)} .hold, .hold a {color:var(--hk-hold)} .news-tit, .lead {overflow:hidden; display:block; display:-webkit-box; text-overflow:clip; -webkit-box-orient:vertical; font-weight:normal} /* .lead {color:#888} */ .thumb {position:relative; overflow:hidden} .thumb > a {display:block; position:relative; width:100%; height:100%} .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top} .thumb > .thumb-icon {position:absolute; right:15px; bottom:15px; 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('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')} .article-list-module .thumb > .thumb-icon {right:5px; bottom:5px; width:20px; height:20px} .section-topnews .thumb > .thumb-icon {right:10px; bottom:10px; width:35px; height:35px} .iframe-youtube {position:relative; height:0; padding-bottom:56.25%; border-radius:0; 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%} .iframe-youtube.vertical {max-width:56.25%; margin:0 auto; padding-bottom:100%} .iframe_wrap iframe {width:100%} .slide-scroll {position:relative; min-height:50px; overflow:hidden} .slide-scroll .inner-scroll {overflow-x:scroll; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch} .slide-scroll .inner-scroll::-webkit-scrollbar {display:none} /* news list */ .news-item {display:flex} .news-item > .txt-cont {flex:1 1 auto} .news-item > .thumb {flex:0 0 auto; width:80px; height:50px; margin-left:10px} .news-item.type-thumb-lt {flex-direction:row-reverse} .news-item.type-thumb-lt > .thumb {margin-left:0; margin-right:10px} .article-label {margin-top:30px; margin-bottom:20px; padding-top:27px; border-top:1px solid #ddd; font-weight:bold; font-size:20px; line-height:1.2} .article-list-module > li {display:flex; gap:10px} .article-list-module > li > .num {flex:0 0 auto; min-width:15px; font-weight:bold; font-size:24px; font-style:italic; line-height:1} .article-list-module > li > .news-item {flex:1 1 auto} .article-list-module > li + li {margin-top:25px} .article-list-module .news-item {align-items:center} .article-list-module .news-tit {min-height:48px; font-size:18px; line-height:24px; word-break:break-all; -webkit-line-clamp:2} .article-list-module .txt-date {margin-top:5px; font-size:12px} .article-list-module.has-rank .news-item {align-items:flex-start} /* app(추천뉴스 타이틀) */ .article-label .tit-recommand-news {position:relative; display:block; width:100px; height:28px} .article-label .tit-recommand-news::before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Svzt%2Sgvg-erpbzznaq-arjf.fit') no-repeat center/contain} .article-label .tit-recommand-news > a {display:block; width:100%; height:100%} .list-txt > li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:1.2} .list-txt > li + li {margin-top:10px} .list-txt.type-dot > li {position:relative; padding-left:7px} .list-txt.type-dot > li::before {content:''; position:absolute; top:50%; left:0; width:2px; height:2px; background:#121212; transform:translateY(-50%)} .recommend-article {margin-top:30px; padding-top:27px; border-top:1px solid #ddd} .recommend-label {display:block; margin-bottom:20px; font-weight:bold; font-size:20px; line-height:1.2} .recommend-list > li + li {margin-top:25px} .recommend-list .news-item {display:flex; flex-direction:row-reverse; align-items:center} .recommend-list .news-item > .txt-cont {flex:1 1 auto} .recommend-list .news-item > .thumb {flex:0 0 auto; width:80px; height:50px; margin:0 10px 0 0; border-radius:8px; overflow:hidden} .recommend-list .news-tit {overflow:hidden; display:block; display:-webkit-box; text-overflow:clip; -webkit-box-orient:vertical; font-weight:normal; font-size:18px; line-height:24px; -webkit-line-clamp:2} /* layout */ #container > .inner {padding:0 20px} .article-wrap {padding:30px 0} /* cleanview */ /* .header .btn_finish {position:absolute; top:50%; left:auto; right:18px; width:30px; height:30px; margin-top:-15px; text-align:center;} .header .btn_finish .view_ico {display:inline-block; width:25px; height:25px; border-radius:100%; background-color: #888; background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%); background-size: 50% 1px, 1px 50%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg); vertical-align:top; overflow:hidden; color:transparent; text-indent:-9999px} */ /* article */ .article-wrap > .article-headline, .article-wrap > .headline {margin-bottom:25px; font-size:26px; word-break:break-all} /* .article-wrap > .headline span {display: inline; font-size:1em; -webkit-text-size-adjust:unset} */ .article-wrap .breadcrumb {display:flex; flex-wrap:wrap; gap:3px 15px; color:#888; font-weight:bold; font-size:16px} .article-wrap .breadcrumb a {color:#888} .breadcrumb a[href="http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.unaxlhat.pbz%2Stybonyznexrg"] {color:#142c67} .breadcrumb a[href="http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.unaxlhat.pbz%2Sovbvafvtug"] {color:#ff8523} .breadcrumb a[href="http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.unaxlhat.pbz%2Srft"] {color:#004b3a} .breadcrumb a[href="http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.unaxlhat.pbz%2Strrxf"] {color:#00b2e3} .byline-logo {display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:contain} .byline-logo.wsj {width:121px; height:11px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sybtb%2Sybtb-jfw.fit')} .byline-logo.logo__marketpro::before {width:77px; height:17px} .article-byline-wrap {position:relative; margin-bottom:20px} .article-byline-wrap .logo-area {margin-bottom:5px} /* .author-container .hk__tooltip {position:absolute; top:-30px; z-index:2} */ .author-container {position:relative} .author-container .hk__tooltip {position:absolute; top:-30px; z-index:2} .author-container .slide-scroll {min-height:36px; margin:0 -20px} .author-container .author-list {display:inline-flex; padding:0 20px} .author-container .author {display:inline-flex; position:relative; padding-bottom:6px; font-size:14px; line-height:29px; white-space:nowrap; box-sizing:border-box} .author-container .author > .item {display:inline-block; padding:0 15px; border:1px solid #585858; border-radius:25rem; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05); transition:all ease .2s} .author-container .author.link:not(.leave) > .item {padding:0 40px 0 15px} .author-container .author.link > .item:only-child {padding:0 15px} .author-container .author.link > .item + .btn-star-toggle {position:absolute; right:10px; top:calc(50% - 3px); transform:translateY(-50%); height:25px; padding:5px} .author-container .author.link:hover > .item {box-shadow:3px 3px 7px rgb(0 0 0 / 15%)} .author-container .author + .author {margin-left:5px} .article-timestamp {display:flex; align-items:center; margin-bottom:5px; padding-bottom:17px} .article-timestamp .datetime {color:var(--hk-text-secondary); font-size:13px} .article-timestamp .datetime > span + span::before {content:'|'; position:relative; top:-1px; margin:0 4px} .utility {display:flex; position:relative; top:0; height:51px; align-items:center; justify-content:space-between; border-top:1px solid #121212; border-bottom:1px solid transparent; background:#fff; box-sizing:border-box} .utility .tools {display:flex; gap:10px; margin:0 -10px} .utility .tools .tool {position:relative; display:inline-flex; align-items:center; height:49px; position:relative; padding:0 10px; box-sizing:border-box} .utility .tools .tool > .badge-num {position:absolute; top:4px; left:17px; padding:1px 7px 2px; border-radius:50rem; background:#121212; color:#fff; font-size:10px} .utility .tools .tool-allmenu {margin-left:0; padding-left:0} .utility .tools > .tool-allmenu, .utility .tools > .tool-login, .utility .tools > .tool-user {display:none} .utility .tools svg {vertical-align:top} .utility .tools > .tool-login, .utility .tools > .tool-user {padding-right:0} /* .utility .tools > .tool-share {top:-2px} */ .utility .tools > .tool-font {top:-2px} .utility .tools > .tool-login {position:relative} .utility .tools > .tool-login + .tool-login::before {content:''; position:absolute; top:50%; left:-6px; width:1px; height:12px; background:#ddd; transform:translateY(-50%)} .utility .tools > .tool-user {position:relative} .utility .tools > .tool-user.new::after {content:''; position:absolute; top:10px; right:0; width:5px; height:5px; border-radius:100%; background:#ff0000} .utility .tools > .tool-close-cleanview .hk__icon-x {background-color:#121212; background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%); background-size:50% 1px,1px 50%; border-radius:100%} .utility .svg-icon[fill="#888"] {fill:#121212} .header-section {transition:top ease-in-out .3s} .utility-wrap .utility {transition:top ease-in-out .3s} .utility-wrap {height:51px; transition:height ease .3s} .utility-bottom .utility {margin-top:30px; border:none} .utility-bottom + .empathy-wrap {margin-top:10px} /* .sticky #wrap {padding-top:80px} */ .sticky .header-section {position:absolute !important; top:-80px} /* .sticky .utility-wrap {height:0} */ .sticky .utility-wrap .utility {position:fixed; top:0; left:0; right:0; z-index:9999999; padding:0 20px; border-color:#e2e2e2; box-shadow:3px 3px 7px rgba(0,0,0,.05)} .sticky .utility-wrap .utility .tools {margin:0} .sticky .utility-wrap .utility .tools > .tool-allmenu, .sticky .utility-wrap .utility .tools > .tool-login, .sticky .utility-wrap .utility .tools > .tool-user {display:inline-flex} .sticky .utility-wrap .utility .tools > .tool-font {display:none} .sticky .top-util-area .login-area .layer-my {position:fixed; top:55px; right:15px} .article-body-wrap {padding-top:30px; font-size:18px; line-height:1.67em; word-break:keep-all; word-wrap:break-word} .article-body-wrap.fontSize1 {font-size:14px} .article-body-wrap.fontSize2 {font-size:16px} .article-body-wrap.fontSize3 {font-size:18px} .article-body-wrap.fontSize4 {font-size:20px} .article-body-wrap.fontSize5 {font-size:32px} .article-body-wrap.lineH1 {line-height:1.44em} .article-body-wrap.lineH2 {line-height:1.67em} .article-body-wrap.lineH3 {line-height:1.89em} .article-body-wrap > .summary {margin-bottom:25px; font-weight:bold} .article-body-wrap > .summary::before {content:''; display:block; width:100px; height:6px; margin-bottom:10px; background:#e5e5e5} .article-body-wrap > .summary.on {animation:leftIn ease 2s} /* 2023.10.05 비디오 기사뷰에는 본문내 이미지 숨김 */ .article-video ~ .article-body-wrap .article-figure {display:none} .article-body {margin:0 -20px; padding:0 20px; overflow-x:auto} .article-body > *:first-child {margin-top:0 !important} .article-body > *:last-child {margin-bottom:0 !important} .article-body > iframe {width:100%} .article-body ol li, .article-body ul li {margin-left:25px} .article-body ol, .article-body ol ol, .article-body ol li {list-style-type:decimal} .article-body ol ol ol, .article-body ol ol li {list-style-type:upper-alpha} .article-body ol ol ol ol, .article-body ol ol ol li {list-style-type:lower-alpha} .article-body ol ol ol ol ol, .article-body ol ol ol ol li {list-style-type:decimal} .article-body ol ul ul, .article-body ol ul li {list-style-type:disc} .article-body ol ul ul ul, .article-body ol ul ul li {list-style-type:circle} .article-body ol ul ul ul ul, .article-body ol ul ul ul li {list-style-type:square} .article-body ul, .article-body ul ul, .article-body ul li {list-style-type:disc} .article-body ul ul ul, .article-body ul ul li {list-style-type:circle} .article-body ul ul ul ul, .article-body ul ul ul li {list-style-type:square} .article-body ul ol ol, .article-body ul ol li {list-style-type:decimal} .article-body ul ol ol ol, .article-body ul ol ol li {list-style-type:upper-alpha} .article-body ul ol ol ol ol, .article-body ul ol ol ol li {list-style-type:lower-alpha} .article-body ul ol ol ol ol ol, .article-body ul ol ol ol ol li {list-style-type:decimal} .article-body table {table-layout:unset; max-width:100%} .article-body table th, .article-body table td {padding:5px 8px; border:1px solid #e5e5e5} .article-body table tr, .article-body table th, .article-body table td {width:auto !important; height:auto !important} .article-body hr {display:block; border-style:solid; border-color:#c3c3c3} .article-body > blockquote {position:relative; margin:0;/*25px 0*/ padding-left:15px; font-weight:normal} .article-body > blockquote::before {content:''; position:absolute; top:6px; bottom:5px; left:0; width:6px; background-color:#e5e5e5} .article-body > blockquote.on {animation:leftIn ease 2s} .article-body .box-cont {margin:0;/*20px 0*/ padding:19px 29px; border:1px solid #e5e5e5; background:#f7f7f7} .article-figure {margin:25px 0; text-align:center} .article-figure .figure-img {display:inline-flex; position:relative; overflow:hidden; margin:0 -20px; text-align:center; vertical-align:top} .article-figure .figure-img img {max-width:100%; max-height:100%; object-fit:contain} .article-figure .figure-img .btn-photo-viewer {position:absolute; right:15px; bottom:15px; width:50px; height:50px; border-radius:100%; background:rgba(34, 34, 34, .7)} .article-figure .figure-img .btn-photo-viewer svg {position:relative; top:3px} .article-figure .figure-caption {max-width:100%; margin:10px auto 0; color:var(--hk-text-secondary); font-size:0.722em; line-height:1.538em; text-align:left} .article-body-wrap.fontSize1 .figure-caption {font-size:12px} .article-audio {height:60px; margin:20px auto} .article-audio iframe {width:100%; max-height:100%} .article-body .marker {color:#436f91; text-decoration:underline} .article-body .stock-link-wrap {position:relative; display:inline-block} .article-body .stock-link {color:#436f91; font-weight:bold; text-decoration:underline} .article-body .stock-layer {display:none; position:absolute; z-index:2; border:1px solid #e3e3e3; border-radius:10px; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05); transform:translateX(-15px); font-weight:normal} .article-body .stock-layer > a {display:block; min-width:150px; padding:17px 19px; font-size:16px; line-height:1.5; text-decoration:none; box-sizing:border-box} .article-body .stock-layer .rate {font-size:12px} .article-body .stock-layer .txt-standard {margin-top:10px; color:#888; font-size:11px} .article-body .stock-layer .read-more {margin-top:15px; color:#888; font-size:12px} .article-body .stock-link-wrap:hover .stock-layer {display:block} .hk_sub_headline {display:block; margin:20px 0; padding:12px 0 11px; border-top:2px solid #c3c3c3; border-bottom:1px solid #e5e5e5; color:#436f91; font-style:normal; font-weight:bold; font-size:1.1em; line-height:1.45; word-wrap:break-word; display:-webkit-box; -webkit-box-orient: vertical} .magazine_sub_headline {display:block; position:relative; margin:20px 0; padding:30px 13px; border-top:2px solid #121212; border-bottom:2px solid #121212; font-weight:bold; text-align:center} .magazine_sub_headline::before, .magazine_sub_headline::after {content:''; display:block; position:absolute; left:0; right:0; height:1px; background:#121212} .magazine_sub_headline::before {top:3px} .magazine_sub_headline::after {bottom:3px} .article-body-wrap .article-video {margin:25px 0} .article-slide-wrap {margin:25px 0} .article-slide-wrap .article-figure {position:relative; margin:0 auto} .article-slide-wrap .article-figure + .article-figure {margin-top:20px} /* .article-slide-wrap .figure-img img {width:100%} */ .article-slide-wrap .article-slide.slick-slider {position:relative; margin:0 -20px} .article-slide-wrap .article-slide.slick-slider .article-figure, .article-slide-wrap .article-slide.slick-slider .figure-img {margin:0 !important} .article-slide-wrap .article-slide .article-figure {display:flex; align-items:center; justify-content:center} .article-slide-wrap .article-slide.slick-slider::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none; border:1px solid rgba(0,0,0,.15)} .article-slide-option {display:flex; justify-content:space-between; margin:15px -20px 0} .article-slide-option .article-btn-group {display:flex; align-items:center} .article-slide-option .article-btn-group > [class^="btn-"] {display:inline-flex; align-items:center; justify-content:center; position:relative; width:46px; height:30px} .article-slide-option .article-btn-group > [class^="btn-"] svg {vertical-align:top} .article-slide-option .article-btn-group > [class^="btn-"]::after {content:''; position:absolute; width:1px; height:20px; top:50%; right:0; transform:translateY(-50%); background:#ddd} .article-slide-option .article-btn-group > [class^="btn-"]:last-child::after {display:none} .article-slide-option .view-type .on .svg-icon {fill:#121212} .article-slide-option .view-paging {font-size:16px} .article-slide-option .view-nav > [class^="btn-"]::before {content:''; display:inline-block; width:6px; height:6px} .article-slide-option .view-nav .btn-prev::before {margin-left:3px; border-top:1px solid #121212; border-left:1px solid #121212; transform:rotate(-45deg)} .article-slide-option .view-nav .btn-next::before {margin-right:3px; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg)} .article-slide-option .view-type .btn-view-slide > svg {display:none} .article-slide-option .view-type .btn-view-slide::before {content:''; display:inline-block; width:15px; height:15px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2715%27%20urvtug%3Q%2715%27%20svyy%3Q%27abar%27%253R%253Pcngu%20svyy%3Q%27%2523QQQ%27%20svyy-ehyr%3Q%27rirabqq%27%20q%3Q%27Z12.802%209.063p0%20.793%200%201.344-.036%201.773-.034.42-.098.659-.19.838n2.065%202.065%200%200%201-.902.903p-.18.091-.418.155-.838.19-.429.034-.98.035-1.773.035u-4.95n.724.724%200%200%200%200%201.448u4.98p.756%200%201.366%200%201.861-.04.51-.042.96-.13%201.378-.343n3.514%203.514%200%200%200%201.535-1.535p.213-.418.3-.868.343-1.378.04-.495.04-1.105.04-1.86I4.112n.724.724%200%201%200-1.448%200i4.951Mz-.993-.181I3.178p0-.367%200-.685-.021-.947n2.159%202.159%200%200%200-.21-.824%202.12%202.12%200%200%200-.925-.926%202.156%202.156%200%200%200-.824-.21P9.566.25%209.249.25%208.882.25U3.178p-.367%200-.685%200-.947.021n2.156%202.156%200%200%200-.824.21%202.119%202.119%200%200%200-.926.926%202.156%202.156%200%200%200-.21.824p-.021.262-.021.58-.021.947i5.704p0%20.366%200%20.684.021.947.023.277.073.555.21.823.203.4.527.723.926.927.268.136.546.186.824.209.262.021.58.021.947.021u5.704p.366%200%20.684%200%20.947-.021.277-.023.555-.073.823-.21n2.12%202.12%200%200%200%20.927-.925p.136-.269.186-.547.209-.824.021-.263.021-.58.021-.947M%27%20pyvc-ehyr%3Q%27rirabqq%27%2S%253R%253P%2Sfit%253R") no-repeat 50% 50%/contain} .article-slide-option .view-type .btn-view-slide.on::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2715%27%20urvtug%3Q%2715%27%20svyy%3Q%27abar%27%253R%253Pcngu%20svyy%3Q%27%2523121212%27%20svyy-ehyr%3Q%27rirabqq%27%20q%3Q%27Z12.802%209.063p0%20.793%200%201.344-.036%201.773-.034.42-.098.659-.19.838n2.065%202.065%200%200%201-.902.903p-.18.091-.418.155-.838.19-.429.034-.98.035-1.773.035u-4.95n.724.724%200%200%200%200%201.448u4.98p.756%200%201.366%200%201.861-.04.51-.042.96-.13%201.378-.343n3.514%203.514%200%200%200%201.535-1.535p.213-.418.3-.868.343-1.378.04-.495.04-1.105.04-1.86I4.112n.724.724%200%201%200-1.448%200i4.951Mz-.993-.181I3.178p0-.367%200-.685-.021-.947n2.159%202.159%200%200%200-.21-.824%202.12%202.12%200%200%200-.925-.926%202.156%202.156%200%200%200-.824-.21P9.566.25%209.249.25%208.882.25U3.178p-.367%200-.685%200-.947.021n2.156%202.156%200%200%200-.824.21%202.119%202.119%200%200%200-.926.926%202.156%202.156%200%200%200-.21.824p-.021.262-.021.58-.021.947i5.704p0%20.366%200%20.684.021.947.023.277.073.555.21.823.203.4.527.723.926.927.268.136.546.186.824.209.262.021.58.021.947.021u5.704p.366%200%20.684%200%20.947-.021.277-.023.555-.073.823-.21n2.12%202.12%200%200%200%20.927-.925p.136-.269.186-.547.209-.824.021-.263.021-.58.021-.947M%27%20pyvc-ehyr%3Q%27rirabqq%27%2S%253R%253P%2Sfit%253R")} .article-poll {margin:30px 0; padding:25px; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05)} .article-poll .poll-contents {margin-bottom:20px} .article-poll .poll-contents .poll-tit {display:block; margin-bottom:10px} .article-poll .poll-contents .poll-tit {font-size:1.111em} .article-poll .poll-contents .poll-question {font-size:1em} .article-poll .btn-go-poll {display:flex; align-items:center; justify-content:center; width:140px; height:40px; margin:0 auto; border-radius:10px; background:#436f91; color:#fff; font-size:18px; line-height:1.2} .empathy-wrap {display:flex; justify-content:space-around; align-items:flex-start; margin:30px 0; padding:30px 0 0; border-top:1px solid #ddd} .empathy-wrap [class^="btn-"] {flex:1} .empathy-wrap .emotion-label {display:block; margin-top:10px; color:var(--hk-text-secondary); font-size:14px} .empathy-wrap .emotion-count {display:block; margin-top:2px; font-size:16px; letter-spacing:0} .empathy-wrap .btn-like.on {color:#03a754} .empathy-wrap .btn-like.on .svg-icon {fill:#03a754} .empathy-wrap .btn-hate.on {color:#df1f51} .empathy-wrap .btn-hate.on .svg-icon {fill:#df1f51} .empathy-wrap .btn-want.on {color:#754bc2} .empathy-wrap .btn-want.on .svg-icon {fill:#754bc2} .empathy-wrap [class^="btn-"].on .emotion-label, .empathy-wrap [class^="btn-"].on .emotion-count {color:inherit} .empathy-wrap [class^="btn-"].on:hover svg, .empathy-wrap [class^="btn-"].on:active svg, .empathy-wrap [class^="btn-"].on:focus svg {animation: bounce 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0)} .empathy-wrap.type-2 {padding:0; border:none} .empathy-wrap.type-2 [class^="btn-"] {display:inline-flex; flex-direction:column-reverse; align-items:center} .empathy-wrap.type-2 [class^="btn-"] > svg {display:none} .empathy-wrap.type-2 .emotion-label {font-size:12px} .empathy-wrap.type-2 [class^="btn-"] .emotion-count {display:inline-flex; gap:10px; align-items:center; flex-wrap:wrap; margin:0; font-size:14px} .empathy-wrap.type-2 [class^="btn-"] .emotion-count::before {flex:0 0 auto; content:''; display:inline-block; width:18px; height:18px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain} .empathy-wrap.type-2 .btn-like .emotion-count::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2726%27%20urvtug%3Q%2728%27%20ivrjObk%3Q%270%200%2025.3%2025.5%27%253R%253Pcngu%20svyy%3Q%27%25231rp671%27%20q%3Q%27Z24.7%2011p-1-1.4-2.9-1.4-3.2-1.4u-4.9p-.1%200-.2-.1-.2-.1%200-.1-.1-.2%200-.3.4-.6.6-1.1.8-1.4.5-1%202-4.4-.3-6.7-1-1-2.2-1.3-3.4-1-.8.2-1.4.7-1.9%201.4Y6%209.6U1p-.6%200-1%20.5-1%201i13.8p0%20.6.5%201%201%201u15.9p.7%200%201.3-.1%202-.4%201.3-.5%202.3-1.5%202.9-2.8i-.1p.7-1.5%202.3-4.9%203.1-7.2.6-1.5.5-2.9-.2-3.9mz-22.6.7u3.4i11.7U2.1I11.7mZ23%2014.3p-.7%202.1-2.3%205.5-3%207i.1p-.4.8-1%201.5-1.8%201.8-.4.2-.9.3-1.3.3U7.5I11y5.7-8.3p.2-.3.5-.5.8-.6.3-.1.8-.1%201.4.5%201.3%201.3.1%203.8-.1%204.2-.1.3-.4.7-.7%201.4-.4.7-.4%201.6%200%202.3.4.7%201.2%201.2%202%201.2u5f1.1%200%201.5.6p.3.5.1%201.4-.1%202m%27%20pynff%3Q%27fit-vpba%27%2S%253R%253P%2Sfit%253R");} .empathy-wrap.type-2 .btn-hate .emotion-count::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2726%27%20urvtug%3Q%2728%27%20ivrjObk%3Q%270%200%2025.3%2025.5%27%253R%253Pcngu%20svyy%3Q%27%2523s95p84%27%20q%3Q%27Z24.3%200U8.4p-.7%200-1.3.1-2%20.4-1.3.5-2.3%201.5-2.9%202.8i.1P2.8%204.8%201.2%208.2.4%2010.5p-.6%201.6-.5%203%20.2%204%201%201.4%202.9%201.4%203.2%201.4u4.9p.1%200%20.2.1.2.1.1%200%20.1.2.1.3-.2.4-.6%201-.8%201.4-.5%201-2%204.4.3%206.7.7.7%201.6%201.1%202.5%201.1.3%200%20.6%200%20.9-.1.8-.2%201.4-.7%201.9-1.4y5.6-8.1u4.9p.6%200%201-.5%201-1I1p0-.5-.4-1-1-1mZ12.1%2022.8p-.2.3-.5.5-.8.6-.3.1-.8.1-1.4-.5-1.3-1.3-.1-3.8.1-4.2.2-.3.4-.8.7-1.4.4-.7.4-1.6%200-2.3-.4-.7-1.2-1.2-2-1.2u-5f-1.1%200-1.5-.6p-.4-.5-.2-1.4.1-2.1.7-2.1%202.3-5.5%203-7I4p.4-.8%201-1.5%201.8-1.8.5-.1.9-.1%201.3-.1u9.4i12.4y-5.7%208.3mz11.2-9u-3.4I2.1u3.4i11.7m%27%20pynff%3Q%27fit-vpba%27%2S%253R%253P%2Sfit%253R");} .empathy-wrap.type-2 .btn-want .emotion-count::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2728%27%20urvtug%3Q%2728%27%20ivrjObk%3Q%270%200%2027.9%2028%27%253R%253Pcngu%20svyy%3Q%27%2523n27pr7%27%20q%3Q%27Z6.3%207.2%208%2010.4u1.2I5.7U8.1i2.9Y6.6%205.7U5.3i4.7u1.1I7.2mz9.3%203.2.7-3.1.6%203.1U18y1.2-4.7U18y-.6%203.2-.6-3.2u-1.2Y15%208.9y-.6-3.2u-1.2y1.1%204.7u1.3mz-2.7-3.8i-1U10i4.7u3i-1u-1.9i-1u1.7i-.8u-1.7i-.9u1.8mz7.9%202.9p-.4%200-.8-.1-1.1-.3u-.1y-.2%201p.2.1.8.3%201.3.3%201.4%200%201.9-.8%201.9-1.5f-.4-1.1-1.2-1.4p-.6-.2-.8-.3-.8-.6%200-.2.2-.4.6-.4.3%200%20.6.1.9.2u.1y.3-.9p-.3-.2-.7-.2-1.2-.2-1.1%200-1.8.6-1.8%201.4%200%20.6.4%201.1%201.3%201.4.5.2.7.3.7.6%200%20.2-.3.4-.7.4mZ1.7%2024.9p-.1-.1-.1-.1%200%200Y.3%2026p-.5.5-.5%201.2%200%201.7.3.2.6.3.9.3.3%200%20.6-.1.8-.3y1.3-1.3p-.3-.2-.6-.4-.9-.7-.2-.3-.5-.6-.7-.8mZ27.5%2026y-1.2-1.2-.1.1p-.2.3-.5.5-.8.8-.3.2-.6.5-.9.7y1.3%201.3p.2.2.5.3.8.3.1%200%20.3%200%20.4-.1.1-.1.3-.1.4-.3.1-.1.2-.2.3-.4.1-.3.1-.6%200-.9%200%200-.1-.2-.2-.3mz-2.8-1.3.7-.7.1-.1p0-.1.1-.1.1-.2y.3-.6p0-.1.1-.1.1-.2.2-.3.3-.7.4-1%20.8-.2%201.3-.8%201.3-1.7%200-.8-.6-1.5-1.3-1.7-.1-.3-.2-.5-.3-.8%200-.1-.1-.2-.1-.3-.1-.2-.2-.3-.2-.5%200-.1-.1-.1-.1-.2-.2-.3-.3-.5-.5-.7%200%200%200-.1-.1-.1y-.4-.4f-.1%200-.1-.1y-.2-.2p-.1-.1-.3-.2-.4-.3%200%20.1-.1.1-.2%200%200%200-.1%200-.1-.1-.1-.1-.3-.1-.4-.2-.2-.1-.3-.1-.5-.2-.1%200-.2-.1-.2-.1f-.1%200-.1-.1p-.1%200-.3-.1-.4-.1u-.2p-.1%200-.2-.1-.3-.1-.3%200-.6-.1-.9-.1-2.6%200-4.9%201.6-5.8%204.1-.3-.1-.6-.2-.9-.2-.3%200-.6.1-.9.2-.2-.6-.5-1.2-.9-1.7f-.8-.9-1.3-1.3p-1-.7-2.2-1.1-3.5-1.1-.3%200-.6%200-.9.1-.1%200-.2%200-.3.1-.2%200-.4.1-.6.1-.1%200-.3.1-.4.1-.1.1-.3.1-.4.2-.1.1-.3.1-.4.2-.3.2-.4.3-.6.4-.2.1-.3.2-.5.3-.1%200-.1.1-.2.1-.6.5-1.1%201.1-1.4%201.8-.1.1-.1.3-.2.4-.1.2-.2.5-.3.7-.2%200-.4.1-.5.2-.1.1-.3.2-.4.3-.2.3-.4.6-.4%201%200%20.2%200%20.4.1.6.1.2.2.4.3.5.1.1.2.1.2.2y.1.1p.2.1.3.2.5.2.1.4.2.7.4%201%200%20.1.1.1.1.2.1.1.2.3.3.4.1.1.1.2.2.3%200%20.1.1.1.1.1.2.3.4.5.7.7y.1.1p.4.7.7.9%201%201.1u.1p.2.1.4.3.7.4%200%200%20.1%200%20.1.1.2.1.4.2.6.2.1%200%20.2.1.4.1.1%200%20.3.1.4.1u.1p.3%200%20.6.1.9.1.3%200%20.6%200%20.9-.1.2%200%20.4-.1.5-.1.1%200%20.2%200%20.3-.1.2-.1.5-.2.7-.3u.1p.1-.1.3-.1.4-.2.4-.2.8-.5%201.2-.9y.1-.1.1-.1.2-.2p0-.1.1-.1.1-.2.2-.2.3-.4.5-.6%200-.1.1-.1.1-.2.2-.3.3-.5.4-.8.2-.4.3-.8.4-1.2%200-.1.1-.2.1-.3.1-.3.1-.5.2-.6y.2-.2p.1%200%20.1-.1.2-.1.3%200%20.4.2.7%201.2.1.4.2.8.4%201.2.2.4.3.7.5%201%20.1.2.3.4.5.6y.2.2.1.1.2.2p.1.1.2.2.4.3.2.1.3.2.5.3.1.1.2.2.4.2.1.1.2.1.4.2u.2p.2.1.4.2.6.2.1%200%20.2%200%20.3.1.2%200%20.3.1.5.1u.1p.3%200%20.6.1.9.1.3%200%20.6%200%20.9-.1.2%200%20.3-.1.5-.1.1%200%20.2-.1.4-.1.2-.1.4-.1.6-.2%200%200%20.1%200%20.1-.1.2-.1.5-.2.7-.4.2-.1.4-.2.5-.3-.1.2%200%20.1.1-.1mZ9%2023.6p-.5.3-1.1.5-1.8.5-.6%200-1.2-.2-1.8-.5-1.2-.6-2.1-1.9-2.1-3.4%200-2.1%201.7-3.9%203.9-3.9%202.1%200%203.9%201.7%203.9%203.9%200%201.5-.8%202.8-2.1%203.4mz13.4%200p-.5.3-1.1.5-1.8.5-.6%200-1.2-.2-1.8-.5-1.2-.6-2.1-1.9-2.1-3.4%200-2.1%201.7-3.9%203.9-3.9%202.1%200%203.9%201.7%203.9%203.9%200%201.5-.9%202.8-2.1%203.4mz2-23.6U3.5P1.6%200%200%201.6%200%203.6i12.9p.5-.9%201.1-1.7%201.8-2.4I3.4p0-.9.7-1.6%201.6-1.6u21.1p.9%200%201.6.7%201.6%201.6i10.8p.7.7%201.3%201.5%201.8%202.4i-13p0-2-1.6-3.6-3.5-3.6m%27%20pynff%3Q%27fit-vpba%27%2S%253R%253P%2Sfit%253R");} .empathy-wrap.type-2 [class^="btn-"].on .emotion-count::before {animation:bounce 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0)} .empathy-wrap.type-2 .btn-like.on .emotion-count::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2726%27%20urvtug%3Q%2728%27%20ivrjObk%3Q%270%200%2025.3%2025.5%27%253R%253Pcngu%20svyy%3Q%27%25231rp671%27%20q%3Q%27Z24.7%2011p-1-1.4-2.9-1.4-3.2-1.4u-4.9p-.1%200-.2-.1-.2-.1%200-.1-.1-.2%200-.3.4-.6.6-1.1.8-1.4.5-1%202-4.4-.3-6.7-1-1-2.2-1.3-3.4-1-.8.2-1.4.7-1.9%201.4Y6%209.6U1p-.6%200-1%20.5-1%201i13.8p0%20.6.5%201%201%201u15.9p.7%200%201.3-.1%202-.4%201.3-.5%202.3-1.5%202.9-2.8i-.1p.7-1.5%202.3-4.9%203.1-7.2.6-1.5.5-2.9-.2-3.9mz-22.6.7u3.4i11.7U2.1I11.7mZ23%2014.3p-.7%202.1-2.3%205.5-3%207i.1p-.4.8-1%201.5-1.8%201.8-.4.2-.9.3-1.3.3U7.5I11y5.7-8.3p.2-.3.5-.5.8-.6.3-.1.8-.1%201.4.5%201.3%201.3.1%203.8-.1%204.2-.1.3-.4.7-.7%201.4-.4.7-.4%201.6%200%202.3.4.7%201.2%201.2%202%201.2u5f1.1%200%201.5.6p.3.5.1%201.4-.1%202m%27%20pynff%3Q%27fit-vpba%27%2S%253R%253P%2Sfit%253R");} .empathy-wrap.type-2 .btn-hate.on .emotion-count::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2726%27%20urvtug%3Q%2728%27%20ivrjObk%3Q%270%200%2025.3%2025.5%27%253R%253Pcngu%20svyy%3Q%27%2523qs1s51%27%20q%3Q%27Z24.3%200U8.4p-.7%200-1.3.1-2%20.4-1.3.5-2.3%201.5-2.9%202.8i.1P2.8%204.8%201.2%208.2.4%2010.5p-.6%201.6-.5%203%20.2%204%201%201.4%202.9%201.4%203.2%201.4u4.9p.1%200%20.2.1.2.1.1%200%20.1.2.1.3-.2.4-.6%201-.8%201.4-.5%201-2%204.4.3%206.7.7.7%201.6%201.1%202.5%201.1.3%200%20.6%200%20.9-.1.8-.2%201.4-.7%201.9-1.4y5.6-8.1u4.9p.6%200%201-.5%201-1I1p0-.5-.4-1-1-1mZ12.1%2022.8p-.2.3-.5.5-.8.6-.3.1-.8.1-1.4-.5-1.3-1.3-.1-3.8.1-4.2.2-.3.4-.8.7-1.4.4-.7.4-1.6%200-2.3-.4-.7-1.2-1.2-2-1.2u-5f-1.1%200-1.5-.6p-.4-.5-.2-1.4.1-2.1.7-2.1%202.3-5.5%203-7I4p.4-.8%201-1.5%201.8-1.8.5-.1.9-.1%201.3-.1u9.4i12.4y-5.7%208.3mz11.2-9u-3.4I2.1u3.4i11.7m%27%20pynff%3Q%27fit-vpba%27%2S%253R%253P%2Sfit%253R");} .empathy-wrap.type-2 .btn-want.on .emotion-count::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2728%27%20urvtug%3Q%2728%27%20ivrjObk%3Q%270%200%2027.9%2028%27%253R%253Pcngu%20svyy%3Q%27%2523754op2%27%20q%3Q%27Z6.3%207.2%208%2010.4u1.2I5.7U8.1i2.9Y6.6%205.7U5.3i4.7u1.1I7.2mz9.3%203.2.7-3.1.6%203.1U18y1.2-4.7U18y-.6%203.2-.6-3.2u-1.2Y15%208.9y-.6-3.2u-1.2y1.1%204.7u1.3mz-2.7-3.8i-1U10i4.7u3i-1u-1.9i-1u1.7i-.8u-1.7i-.9u1.8mz7.9%202.9p-.4%200-.8-.1-1.1-.3u-.1y-.2%201p.2.1.8.3%201.3.3%201.4%200%201.9-.8%201.9-1.5f-.4-1.1-1.2-1.4p-.6-.2-.8-.3-.8-.6%200-.2.2-.4.6-.4.3%200%20.6.1.9.2u.1y.3-.9p-.3-.2-.7-.2-1.2-.2-1.1%200-1.8.6-1.8%201.4%200%20.6.4%201.1%201.3%201.4.5.2.7.3.7.6%200%20.2-.3.4-.7.4mZ1.7%2024.9p-.1-.1-.1-.1%200%200Y.3%2026p-.5.5-.5%201.2%200%201.7.3.2.6.3.9.3.3%200%20.6-.1.8-.3y1.3-1.3p-.3-.2-.6-.4-.9-.7-.2-.3-.5-.6-.7-.8mZ27.5%2026y-1.2-1.2-.1.1p-.2.3-.5.5-.8.8-.3.2-.6.5-.9.7y1.3%201.3p.2.2.5.3.8.3.1%200%20.3%200%20.4-.1.1-.1.3-.1.4-.3.1-.1.2-.2.3-.4.1-.3.1-.6%200-.9%200%200-.1-.2-.2-.3mz-2.8-1.3.7-.7.1-.1p0-.1.1-.1.1-.2y.3-.6p0-.1.1-.1.1-.2.2-.3.3-.7.4-1%20.8-.2%201.3-.8%201.3-1.7%200-.8-.6-1.5-1.3-1.7-.1-.3-.2-.5-.3-.8%200-.1-.1-.2-.1-.3-.1-.2-.2-.3-.2-.5%200-.1-.1-.1-.1-.2-.2-.3-.3-.5-.5-.7%200%200%200-.1-.1-.1y-.4-.4f-.1%200-.1-.1y-.2-.2p-.1-.1-.3-.2-.4-.3%200%20.1-.1.1-.2%200%200%200-.1%200-.1-.1-.1-.1-.3-.1-.4-.2-.2-.1-.3-.1-.5-.2-.1%200-.2-.1-.2-.1f-.1%200-.1-.1p-.1%200-.3-.1-.4-.1u-.2p-.1%200-.2-.1-.3-.1-.3%200-.6-.1-.9-.1-2.6%200-4.9%201.6-5.8%204.1-.3-.1-.6-.2-.9-.2-.3%200-.6.1-.9.2-.2-.6-.5-1.2-.9-1.7f-.8-.9-1.3-1.3p-1-.7-2.2-1.1-3.5-1.1-.3%200-.6%200-.9.1-.1%200-.2%200-.3.1-.2%200-.4.1-.6.1-.1%200-.3.1-.4.1-.1.1-.3.1-.4.2-.1.1-.3.1-.4.2-.3.2-.4.3-.6.4-.2.1-.3.2-.5.3-.1%200-.1.1-.2.1-.6.5-1.1%201.1-1.4%201.8-.1.1-.1.3-.2.4-.1.2-.2.5-.3.7-.2%200-.4.1-.5.2-.1.1-.3.2-.4.3-.2.3-.4.6-.4%201%200%20.2%200%20.4.1.6.1.2.2.4.3.5.1.1.2.1.2.2y.1.1p.2.1.3.2.5.2.1.4.2.7.4%201%200%20.1.1.1.1.2.1.1.2.3.3.4.1.1.1.2.2.3%200%20.1.1.1.1.1.2.3.4.5.7.7y.1.1p.4.7.7.9%201%201.1u.1p.2.1.4.3.7.4%200%200%20.1%200%20.1.1.2.1.4.2.6.2.1%200%20.2.1.4.1.1%200%20.3.1.4.1u.1p.3%200%20.6.1.9.1.3%200%20.6%200%20.9-.1.2%200%20.4-.1.5-.1.1%200%20.2%200%20.3-.1.2-.1.5-.2.7-.3u.1p.1-.1.3-.1.4-.2.4-.2.8-.5%201.2-.9y.1-.1.1-.1.2-.2p0-.1.1-.1.1-.2.2-.2.3-.4.5-.6%200-.1.1-.1.1-.2.2-.3.3-.5.4-.8.2-.4.3-.8.4-1.2%200-.1.1-.2.1-.3.1-.3.1-.5.2-.6y.2-.2p.1%200%20.1-.1.2-.1.3%200%20.4.2.7%201.2.1.4.2.8.4%201.2.2.4.3.7.5%201%20.1.2.3.4.5.6y.2.2.1.1.2.2p.1.1.2.2.4.3.2.1.3.2.5.3.1.1.2.2.4.2.1.1.2.1.4.2u.2p.2.1.4.2.6.2.1%200%20.2%200%20.3.1.2%200%20.3.1.5.1u.1p.3%200%20.6.1.9.1.3%200%20.6%200%20.9-.1.2%200%20.3-.1.5-.1.1%200%20.2-.1.4-.1.2-.1.4-.1.6-.2%200%200%20.1%200%20.1-.1.2-.1.5-.2.7-.4.2-.1.4-.2.5-.3-.1.2%200%20.1.1-.1mZ9%2023.6p-.5.3-1.1.5-1.8.5-.6%200-1.2-.2-1.8-.5-1.2-.6-2.1-1.9-2.1-3.4%200-2.1%201.7-3.9%203.9-3.9%202.1%200%203.9%201.7%203.9%203.9%200%201.5-.8%202.8-2.1%203.4mz13.4%200p-.5.3-1.1.5-1.8.5-.6%200-1.2-.2-1.8-.5-1.2-.6-2.1-1.9-2.1-3.4%200-2.1%201.7-3.9%203.9-3.9%202.1%200%203.9%201.7%203.9%203.9%200%201.5-.9%202.8-2.1%203.4mz2-23.6U3.5P1.6%200%200%201.6%200%203.6i12.9p.5-.9%201.1-1.7%201.8-2.4I3.4p0-.9.7-1.6%201.6-1.6u21.1p.9%200%201.6.7%201.6%201.6i10.8p.7.7%201.3%201.5%201.8%202.4i-13p0-2-1.6-3.6-3.5-3.6m%27%20pynff%3Q%27fit-vpba%27%2S%253R%253P%2Sfit%253R");} /* .empathy-wrap.type-2 + .ad-txt-list-wrap {border-top:none} */ .guest-author-profile {margin:28px 0; padding-top:20px; border-top:1px solid #ddd} .guest-author-info {display:flex; align-items:center; gap:8px; margin-bottom:12px} .guest-author-name {display:block; font-weight:700; font-size:15px; line-height:1.4} .guest-author-image {flex:0 0 auto; position:relative; width:32px; height:32px; border-radius:100%; overflow:hidden} .guest-author-image img {width:100%; height:100%; object-fit:cover; object-position:center top} .guest-author-image::after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box} .guest-author-bio {flex:1; font-size:12px; line-height:1.5; word-break:break-all} .article-tag {display:flex; flex-wrap:wrap; margin:30px 0 10px} .article-tag .tag {display:inline-block; margin:0 10px 10px 0; padding:0 15px; border-radius:25rem; background-color:#eee; line-height:29px; white-space:nowrap; font-size:14px} .article-tag-wrap {min-height:36px; margin:30px -20px 10px} .article-tag-wrap .article-tag {display:inline-flex; flex-wrap:nowrap; margin:0; padding:0 20px} .article-wrap > .btn-subscribe {display:flex; align-items:center; justify-content:center; width:100%; height:50px; margin:20px 0; border-radius:8px; background:#eee; color:#ff761b; font-size:16px} .article-wrap > .btn-subscribe .txt {margin-left:10px} .article-wrap > .btn-subscribe.on {background:#fff7f1} .article-wrap > .btn-subscribe.on .svg-icon {fill:#ff761b} .article-wrap > .hk-subscribe-link {display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; margin:20px 0; border:1px solid #e2e2e2; border-radius:10px; box-sizing:border-box} .article-wrap > .hk-subscribe-link a {display:block; flex:1 1 50%; padding:10px 5px; font-size:14px; text-align:center; box-sizing:border-box} .article-wrap > .hk-subscribe-link a:first-child {border-right:1px solid #e2e2e2} .article-wrap > .copyright {margin:25px 0; font-size:16px} .section-topnews {padding-bottom:20px} .section-topnews > .slide-scroll {min-height:200px; margin:0 -20px} .section-topnews-list {display:inline-flex; padding:0 20px} .section-topnews-list .item {flex:0 0 auto; width:220px; margin-left:15px} .section-topnews-list .item:first-child {margin-left:0} .section-topnews-list .item .thumb {width:220px; height:138px} .section-topnews-list .item .news-tit {margin-top:13px; font-size:18px; line-height:24px; -webkit-line-clamp:2} .section-topnews-list .item .news-tit > a {display:block} .section-topnews-list .icon-premium2 {vertical-align:-4px} .article-rel-files {margin-top:40px; padding-top:20px; border-top:1px solid #ddd} .article-rel-files dt {margin-bottom:15px; color:#436f91; font-weight:bold; font-size:16px} .article-rel-files dd {margin-top:7px; font-size:14px} .article-rel-files .btn-filedown {display:flex; gap:10px; word-break:break-all; cursor:pointer} .article-rel-files [class^="icon-file"] {flex:0 0 auto; display:inline-block; width:22px; height:24px; background-repeat:no-repeat; background-position:center center; background-size:contain; transform:translateY(-1px)} .article-rel-files .icon-file {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Ssvyr%2Svpba-svyr-qrsnhyg.cat'); background-position:right center} .article-rel-files .icon-file-pdf {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Ssvyr%2Svpba-svyr-cqs.cat'); background-position:right center} .article-rel-files .icon-file-doc {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Ssvyr%2Svpba-svyr-qbp.cat');} .article-rel-files .icon-file-hwp {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Ssvyr%2Svpba-svyr-ujc.cat');} .article-rel-files .icon-file-ppt {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Ssvyr%2Svpba-svyr-ccg.cat');} .article-rel-files .icon-file-xls {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Ssvyr%2Svpba-svyr-kyf.cat');} /* animation */ @keyframes bounce { 0%, 20%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px)} 50% {transform: translateY(5px)} 65% {transform: translateY(-5px)} 75% {transform: translateY(5px)} 90% {transform: translateY(-2px)} } @keyframes leftIn { 0% {transform: translateX(-20px)} 100% {transform: translateX(0)} } /* 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,.5); animation:fade-out .3s forwards} .hk-modal:not(.modal-photoviewer) {touch-action:none; height:100vh} .hk-modal .hk-modal-inner {position:fixed; left:0; bottom:0; right:0; padding:20px 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 {padding:0 20px 15px; text-align:center} .hk-modal .hk-modal-tit {font-weight:bold; font-size:20px; line-height:1.2} .hk-modal .hk-modal-body {padding:15px 20px 0} .hk-modal .hk-modal-header + .hk-modal-body {padding-top:0} .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^="modal-btn-"] {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^="modal-btn-"]:only-child {width:100%} .hk-modal .modal-btn-close {position:absolute; top:9px; right:9px; padding:10px} .modal-btn-confirm {background-color:#ff761b; color:#fff} .modal-btn-cancel {background-color:#666; color:#fff} .hk-modal .msg {font-size:18px; 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} @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} } /* 하단 슬라이드월 팝업 */ .layer-fullpopup {visibility:hidden; z-index:-1; opacity:0; position:fixed; top:0; right:0; bottom:0; left:0; background:linear-gradient(0deg, rgba(0,0,0,.9) 50%, rgba(0,0,0,0.5) 100%); touch-action:none; /*height:calc(100vh - 50px)*/} .layer-fullpopup.show {visibility:visible; z-index:99999999999; opacity:1; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); transition:all ease-in .3s} .layer-offcanvas {position:absolute; display:flex; flex-direction:column; justify-content:center; background:#fff; touch-action:auto} .layer-offcanvas .para-tit {margin-bottom:5px; font-weight:bold; font-size:20px} .layer-offcanvas .para {font-size:16px; word-break:keep-all} .layer-offcanvas .para + .para, .layer-offcanvas .para + .para-tit {margin-top:10px} .layer-offcanvas .para.noti {color:#142C67; word-break:keep-all} .layer-offcanvas .txt-point {color:#ff761b} .layer-offcanvas .txt-point2 {color:#00bbb4} .layer-offcanvas .txt-underline {/*text-decoration:underline;*/ border-bottom:1px solid} .layer-offcanvas .offcanvas-body {padding:0 20px} .layer-offcanvas .offcanvas-foot {display:flex; justify-content:center; gap:10px; padding:20px 20px 0} .layer-offcanvas .offcanvas-foot .btn {flex:1 1 auto; display:inline-block; max-width:170px; line-height:50px; padding:0 10px; border-radius:8px; color:#fff; font-weight:bold; font-size:17px; text-align:center; box-sizing:border-box} .layer-offcanvas .offcanvas-foot .btn-pramary {background-color:#ff761b} .layer-offcanvas .offcanvas-foot .btn-secondary {background-color:#666} .layer-offcanvas .offcanvas-foot .btn-subscribe {background-color:#00bbb4} .layer-offcanvas .offcanvas-foot .btn-hk {background-color:#142C67} .layer-offcanvas .offcanvas-etc {margin-top:20px} .layer-offcanvas .btn-link {margin:0 10px; font-size:14px} .layer-offcanvas .btn-link::after {content:''; display:inline-block; width:5px; height:5px; margin-left:5px; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg); vertical-align:2px} .layer-offcanvas.bottom {right:0; bottom:-100%; left:0; padding:30px 0 20px; text-align:center} .layer-fullpopup.show .layer-offcanvas.bottom {bottom:0; transition:bottom 1s} .layer-offcanvas::before {content:''; position:absolute; top:-50%; } .layer-fullpopup#layer-memberlogin {background:rgba(0,0,0,.5)} .modal-photoviewer {background:#111} .modal-photoviewer .hk-modal-inner {display:flex; align-items:center; justify-content:center; top:0; padding:0; border-radius:0; box-shadow:none; background:none} .modal-photoviewer .article-figure {display:flex; flex-direction:column; max-height:100vh; margin:0; padding:10px; box-sizing:border-box} .modal-photoviewer .article-figure .figure-img {border-radius:0} .modal-photoviewer .article-figure .figure-caption {font-size:14px} .modal-photoviewer .modal-btn-close {top:15px; right:15px; width:50px; height:50px; border-radius:100%; background:#1d1d1d} .modal-photoviewer .hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)} .modal-font .hk-modal-inner {padding-left:35px; padding-right:35px} .modal-font .font-control {max-width:280px; margin:0 auto} .modal-font .font-control + .font-control {margin:20px auto 0} .modal-font .font-control dt {margin-bottom:15px; font-size:16px; text-align:center} .modal-font .font-control dd {position:relative; height:50px} .modal-font .font-control-list {display:flex; align-items:center; justify-content:space-between; position:absolute; left:0; right:0; top:0; margin:0 -15px; pointer-events:none} .modal-font .font-control-list li {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px} .modal-font .font-control-list li::before {content:''; display:inline-block; width:15px; height:15px; border-radius:100%; background-color:#ddd; vertical-align:top} .modal-font .ui-slider-horizontal {height:50px} .modal-font .ui-slider-horizontal::after {content:''; display:block; height:100%; margin:0 -30px; cursor:pointer} .modal-share .view-share-list {display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:20px; grid-row-gap:10px; padding:0 30px; text-align:center} .modal-share [class^="btn-share-"]::before {content:''; display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%} .modal-share [class^="btn-share-"] .txt {display:block; margin-top:5px; color:#888; font-size:11px; white-space:nowrap} .modal-share .btn-share-kakao::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Svpba-funer-xnxnbgnyx.fit')} .modal-share .btn-share-facebook::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Svpba-funer-snprobbx.fit')} .modal-share .btn-share-twitter::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Svpba-funer-gjvggre.fit')} .modal-share .btn-share-twitter.twitter-x::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Spbzzba%2Svzt%2Svpba%2Svpba-gjvggre-pve-k.fit')} .modal-share .btn-share-url::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Svpba-funer-hey.fit')} .modal-share .btn-share-naver::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Svpba-funer-anire.fit')} .modal-share .btn-share-band::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Svpba-funer-onaq.fit')} .modal-share .btn-share-mail::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Svpba-funer-znvy.fit')} .modal-journalist .hk-modal-inner {padding-left:10px; padding-right:10px} .modal-journalist .profile-wrap {position:relative; min-height:50px; padding-right:60px} .modal-journalist .profile {flex:0 0 auto; display:flex; align-items:center} .modal-journalist .profile .name {font-size:20px} .modal-journalist .profile .part {flex:0 0 auto; margin-left:7px; color:#888; font-size:12px} .modal-journalist .journalist-say {margin-top:5px; font-size:14px} .modal-journalist .journalist-subscription {display:flex; margin-top:15px} .modal-journalist .journalist-subscription > dl {display:inline-flex; align-items:center; margin-right:10px} .modal-journalist .journalist-subscription > dl dt {font-size:12px} .modal-journalist .journalist-subscription > dl .count {margin-left:5px; font-weight:bold; font-size:20px} .modal-journalist .btn-journalist-subscribe {display:inline-flex; align-items:center; padding:0 15px; border:1px solid #ddd; border-radius:25rem; color:#ff761b; font-weight:bold; line-height:25px} .modal-journalist .btn-journalist-subscribe svg {margin-right:5px} .modal-journalist .profile-thumb {position:absolute; top:50%; right:0; transform:translateY(-50%); width:50px; height:50px; border-radius:100%; overflow:hidden} .modal-journalist .profile-thumb > a {display:block; width:100%; height:100%} .modal-journalist .profile-thumb img {width:100%; height:100%; object-fit:cover} .modal-journalist .profile-thumb > a::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); border-radius:100%; box-sizing:border-box} .modal-journalist .popular-article {margin-top:20px; padding-top:20px; border-top:1px solid #ddd; font-size:16px} .modal-journalist .popular-article .tit {display:block; margin-bottom:15px} .modal-journalist .profile-wrap.leave {display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:10px; min-height:unset; padding:0} .modal-journalist .profile-wrap.leave .profile-thumb {position:relative; top:auto; right:auto; transform:none} .modal-columnist .hk-modal-inner {padding-left:10px; padding-right:10px} .modal-columnist .profile-wrap {display:flex; align-items:center; min-height:40px} .modal-columnist .profile {flex:0 0 auto; display:flex; align-items:center} .modal-columnist .profile .name {font-size:20px} .modal-columnist .profile .part {flex:0 0 auto; margin-left:7px; color:#888; font-size:12px} .modal-columnist .profile-thumb {flex:0 0 auto; width:40px; height:40px; margin-right:10px; border-radius:100%; overflow:hidden} .modal-columnist .profile-thumb > a {position:relative; display:block; width:100%; height:100%} .modal-columnist .profile-thumb img {width:100%; height:100%; object-fit:cover} .modal-columnist .profile-thumb > a::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); border-radius:100%; box-sizing:border-box} .modal-columnist .popular-article {max-width:440px; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; font-size:14px} .modal-columnist .popular-article .tit {display:block; margin-bottom:20px} .modal-columnist .popular-article .scroll-area {max-height:300px; overflow-y:auto} /* 댓글 */ .comments-sector {margin-top:30px} .comments-sector-hk {margin-top:25px; padding-top:10px; border-top:1px solid #ddd} /* 슬라이드다운 프로모션 배너 */ .promotion-floating {position:fixed; left:0; right:0; z-index:999999; font-size:13px; opacity:0; visibility:hidden;} .promotion-floating a {text-decoration:none} .promotion-floating .hk__icon-x {width:20px; height:20px; background-size:50% 2px,2px 50%; border-radius:100%} .promotion-floating .promotion-inner {display:flex; align-items:center; justify-content:space-between; min-height:45px; padding:5px 35px 5px 20px} .promotion-floating .msg {font-size:11px; line-height:1.45} .promotion-floating .txt-point {font-size:14px} .promotion-floating .msg p + p {margin-top:3px} .promotion-floating .btns {flex:0 0 auto; display:flex; align-items:center} .promotion-floating .btn-promotion {display:inline-flex; line-height:30px; padding:0 10px; border-radius:5px; font-size:12px} .promotion-floating .btn-close-promotion {margin-left:10px} .promotion-floating > .btn-close-promotion {position:absolute; top:50%; right:10px; transform:translateY(-50%)} .sticky .promotion-floating {opacity:1; visibility:visible; animation:promoionShow .5s both ease-in-out 0s} .promotion-floating.bg-white {background:#fff; border-bottom:1px solid #ddd} .promotion-floating.bg-white .txt-point {color:#ee4c4c} .promotion-floating.bg-white .btn-promotion {background:#eee} .promotion-floating.bg-white .hk__icon-x {background-image:linear-gradient(to bottom, #888 0%, #888 100%), linear-gradient(to left, #888 0%, #888 100%)} .promotion-floating.bg-red {background:#ee4c4c; color:#fff} .promotion-floating.bg-red a {color:#fff} .promotion-floating.bg-red .txt-point {color:#fffb8d} .promotion-floating.bg-red .btn-promotion {background:#bb2525} .promotion-floating.bg-red .hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)} .promotion-floating.bg-hk {background:#243065; color:#fff} .promotion-floating.bg-hk a {color:#fff} .promotion-floating.bg-hk .txt-point {color:#fffb8d} .promotion-floating.bg-hk .btn-promotion {background:#fff; color:#243065} .promotion-floating.bg-hk .hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)} .promotion-floating.bg-gray {background:#4b505e; color:#fff} .promotion-floating.bg-gray a {color:#fff} .promotion-floating.bg-gray .txt-point {color:#fffb8d} .promotion-floating.bg-gray .btn-promotion {background:#2f3545} .promotion-floating.bg-gray .hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)} /* 프로모션 배너(하단위치 디자인) */ .promotion-floating2 {position:fixed; left:0; right:0; bottom:50px; z-index:999999; font-size:15px; opacity:0; visibility:hidden; animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards; transition:all ease .3s} .promotion-floating2 .promotion-inner {padding:30px 20px 20px; border-radius:10px 10px 0 0; background:#fff; box-shadow:0 -2px 7px rgba(0,0,0,.1)} .promotion-floating2 .txt-lg {font-size:19px} .promotion-floating2 .msg {text-align:center} /* .promotion-floating2 .msg::before {content:''; display:block; width:70px; height:72px; margin:0 auto 15px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sarjf%2Sivrj%2Scebzbgvba%2Svzt-ybtva.fit') no-repeat 0 0/contain} */ .promotion-floating2 .msg p + p {margin-top:5px} .promotion-floating2 .msg .btns {display:flex; align-items:center; justify-content:space-between; gap:5px; max-width:720px; margin:20px auto 0; text-align:center} .promotion-floating2 .msg .btns .btn {flex:0 0 auto; width:calc(50% - 5px); display:inline-flex; align-items:center; box-sizing:border-box; justify-content:center; height:50px; border-radius:8px; font-weight:bold; font-size:17px} .promotion-floating2 .msg .btns .btn:only-child {width:100%} .promotion-floating2 .btn-promotion-pramary {background:#ff761b; color:#fff} .promotion-floating2 > .btn-close-promotion {position:absolute; top:10px; right:10px; padding:10px} .sticky .promotion-floating2 {opacity:1; visibility:visible; animation:modalScaleUp .3s cubic-bezier(.6, 0, .4, 1) forwards} .sticky .promotion-floating2.hide {opacity:0; visibility:hidden; animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards} @keyframes promoionShow { 0% {top: -100px;} 85% {top:65px} 95% {top:45px} 100% {top:51px} } @media all and (max-width:319px) { .utility .tools {gap:5px} .ad-wrap [id^="div-gpt-ad-"] {max-width:280px; min-width:100% !important;} .header .logo .emblem {width:66px; height:24px} } @media all and (min-width:768px) { .hk-modal .hk-modal-inner {position:relative; min-width:375px; border-radius:10px; overflow:hidden} } @media all and (max-height:450px) and (orientation: landscape) { .layer-fullpopup.show .layer-offcanvas.bottom {top:15%} } @media all and (min-height:400px) { .layer-fullpopup.show .layer-offcanvas.bottom {top:25%} } @media all and (min-height:500px) { .layer-fullpopup.show .layer-offcanvas.bottom {top:40%} } @media all and (min-height:700px){ .layer-fullpopup.show .layer-offcanvas.bottom {top:50%} } @media all and (min-width:720px){ .view_bnr {margin:0 -20px} .sub_issue_bnr.type_center {padding:0 20px} } /* iOS landscape safe-area */ @supports (-webkit-touch-callout: none) { @media (orientation: landscape) { .sticky .utility-wrap .utility { padding:0 constant(safe-area-inset-left); padding:0 env(safe-area-inset-left) } } } /* 회원전용 기사뷰 */ /* body.hankyungpro .header .header-main::before, body.hankyungpro.sticky .utility {background:#f5ede7} */ body.hankyungpro .hankyungpro-info {display:flex; gap:4px; margin-bottom:15px; font-size:14px} body.hankyungpro .hankyungpro-info .icon-membersonly {margin:0; padding:4px 5px; font-size:14px; line-height:1; background-color:#00bfb8} body.hankyungpro .hankyungpro-info > a {flex:0 0 auto} body.hankyungpro .hankyungpro-info .desc {/*margin-top:5px;*/ color:#888} body.hankyungpro .scroll-indicator > div {background:#00bfb8} body.hankyungpro .hk-header .scroll-indicator > div {background:#142c67} body.hankyungpro .hankyungpro-info .icon--member {height:22px; margin:0} body.hankyungpro .view-top .icon--member {height:18px; margin:0; vertical-align:-3px} /* 기사뷰 헤드라인 템플릿 (2023.08.10) */ .view-top .breadcrumb {display:flex; flex-wrap:wrap; align-items:center; gap:3px 10px; color:#888; font-weight:bold; font-size:16px; margin-bottom:10px} .view-top .breadcrumb a {color:#888} .view-top .headline {font-size:26px} .view-top .summary {margin-top:20px; font-size:18px} .view-top .summary-inner {display:inline-block; max-width:100%; padding-top:17px; border-top:6px solid #e5e5e5} .view-temp-1 {max-width:720px; margin:0 auto; padding:30px 20px 0; text-align:center} .view-temp-1 .breadcrumb {justify-content:center} .view-temp-1 .split-image-container {margin:30px -20px 0} .view-temp-2 {position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; color:#fff} .view-temp-2::before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.6); pointer-events:none} .view-temp-2:not([style*="background-image"]) {background-color:#444} .view-temp-2:not([style*="background-image"])::before {display:none} .view-temp-2 .view-top {position:relative; z-index:2; max-width:720px; margin:0 auto} .view-temp-2 .view-top .headline-container {display:flex; align-items:flex-end; min-height:min(max(112vw,112vw),440px); padding:30px 20px; box-sizing:border-box} .view-temp-2 .view-top .headline-container .headline-inner {flex:0 0 auto; width:100%} .view-temp-2 .view-top .breadcrumb a {color:#bbb !important} .view-temp-2 .view-top .summary-inner {border-top-color:#bbb} body.hankyungpro .view-top .icon-membersonly {flex:0 0 auto; white-space:nowrap; margin:0; color:#fff !important} .data-table-module {margin-top:20px; margin-bottom:20px} .data-table-module:first-child {margin-top:0} /* 20240701 - ai 요약 */ .summary-news-area {margin-bottom:15px; padding:24px; border:1px solid #DBE4EF; border-radius:8px; background:#F8FBFF; box-sizing:border-box} .summary-news-area .summary-news-tit {margin-bottom:15px} .summary-news-area .tit {display:block; width:96px; height:18px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Svzt%2Sgvg-nv-fhzznel.fit%3Si%3Q20240715') no-repeat 0 50%/contain} .summary-news-area .txt {position:relative; padding-left:12px; font-size:16px; line-height:1.5} .summary-news-area .txt::before {content:''; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:100%; background:#000} .summary-news-area .txt + .txt {margin-top:16px} /* OS dark mode */ @media (prefers-color-scheme: dark) { .header .logo-hankyung, .header .logo .emblem {filter: grayscale(100%) brightness(10)} .header::before {background:rgba(28,28,30,0.9)} .gnb-wrap {border-bottom-color:#323235} .gnb {background-color:#1c1c1e} .gnb:before {background:-moz-linear-gradient(left, rgba(28,28,30,1) 0%, rgba(28,28,30,0.75) 51%, rgba(28,28,30,0) 100%); background:-webkit-linear-gradient(left, rgba(28,28,30,1) 0%, rgba(28,28,30,0.75) 51%, rgba(28,28,30,0) 100%); background:linear-gradient(to right, rgba(28,28,30,1) 0%, rgba(28,28,30,0.75) 51%, rgba(28,28,30,0) 100%)} .gnb:after {width:25px; background:-moz-linear-gradient(left, rgba(28,28,30,0) 0%, rgba(28,28,30,0.75) 51%, rgba(28,28,30,1) 100%); background:-webkit-linear-gradient(left, rgba(28,28,30,0) 0%, rgba(28,28,30,0.75) 51%, rgba(28,28,30,1) 100%); background: linear-gradient(to right, rgba(28,28,30,0) 0%, rgba(28,28,30,0.75) 51%, rgba(28,28,30,1) 100%)} .ui-slider::before {background:linear-gradient(90deg, rgba(28,28,30,1) 15px, rgba(0,0,0,1) 15px, rgba(0,0,0,1) calc(100% - 15px), rgba(28,28,30,1) calc(100% - 15px))} .ui-slider .ui-slider-handle::before {background:#fff} .author-container .author > .item {border:none; background:#1c1c1e} .utility {background:#000} .utility .tool-allmenu .svg-icon, .utility .svg-icon[fill="#888"], .utility .svg-icon[fill="#222"], .utility .svg-icon[fill="#121212"] {fill:#fff} .utility .tools > .tool-close-cleanview .hk__icon-x {background-color:#fff; background-image:linear-gradient(to bottom, #121212 0%, #121212 100%), linear-gradient(to left, #121212 0%, #121212 100%)} .utility .tools > .tool-login + .tool-login::before {background:#323235} .sticky .utility-wrap .utility {border-color:#323235} .hk_sub_headline {border-top-color:#555; border-bottom-color:#323235} .magazine_sub_headline {border-top-color:#555; border-bottom-color:#323235} .magazine_sub_headline::before, .magazine_sub_headline::after {background:#323235} .article-body table th, .article-body table td {border-color:#323235} .article-slide-wrap .article-slide.slick-slider::after {border-color:rgba(255,255,255,.15)} /* .article-slide-wrap .article-slide.slick-slider .article-figure::after {border-color:rgba(255,255,255,.15)} */ .article-slide-option .view-type .svg-icon {fill:#555} .article-slide-option .view-type .on .svg-icon {fill:#fff} .article-slide-option .view-type .btn-view-slide::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2715%27%20urvtug%3Q%2715%27%20svyy%3Q%27abar%27%253R%253Pcngu%20svyy%3Q%27%2523555%27%20svyy-ehyr%3Q%27rirabqq%27%20q%3Q%27Z12.802%209.063p0%20.793%200%201.344-.036%201.773-.034.42-.098.659-.19.838n2.065%202.065%200%200%201-.902.903p-.18.091-.418.155-.838.19-.429.034-.98.035-1.773.035u-4.95n.724.724%200%200%200%200%201.448u4.98p.756%200%201.366%200%201.861-.04.51-.042.96-.13%201.378-.343n3.514%203.514%200%200%200%201.535-1.535p.213-.418.3-.868.343-1.378.04-.495.04-1.105.04-1.86I4.112n.724.724%200%201%200-1.448%200i4.951Mz-.993-.181I3.178p0-.367%200-.685-.021-.947n2.159%202.159%200%200%200-.21-.824%202.12%202.12%200%200%200-.925-.926%202.156%202.156%200%200%200-.824-.21P9.566.25%209.249.25%208.882.25U3.178p-.367%200-.685%200-.947.021n2.156%202.156%200%200%200-.824.21%202.119%202.119%200%200%200-.926.926%202.156%202.156%200%200%200-.21.824p-.021.262-.021.58-.021.947i5.704p0%20.366%200%20.684.021.947.023.277.073.555.21.823.203.4.527.723.926.927.268.136.546.186.824.209.262.021.58.021.947.021u5.704p.366%200%20.684%200%20.947-.021.277-.023.555-.073.823-.21n2.12%202.12%200%200%200%20.927-.925p.136-.269.186-.547.209-.824.021-.263.021-.58.021-.947M%27%20pyvc-ehyr%3Q%27rirabqq%27%2S%253R%253P%2Sfit%253R")} .article-slide-option .view-type .btn-view-slide.on::before {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Suxfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Sivrj%2Spff%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2715%27%20urvtug%3Q%2715%27%20svyy%3Q%27abar%27%253R%253Pcngu%20svyy%3Q%27%2523sss%27%20svyy-ehyr%3Q%27rirabqq%27%20q%3Q%27Z12.802%209.063p0%20.793%200%201.344-.036%201.773-.034.42-.098.659-.19.838n2.065%202.065%200%200%201-.902.903p-.18.091-.418.155-.838.19-.429.034-.98.035-1.773.035u-4.95n.724.724%200%200%200%200%201.448u4.98p.756%200%201.366%200%201.861-.04.51-.042.96-.13%201.378-.343n3.514%203.514%200%200%200%201.535-1.535p.213-.418.3-.868.343-1.378.04-.495.04-1.105.04-1.86I4.112n.724.724%200%201%200-1.448%200i4.951Mz-.993-.181I3.178p0-.367%200-.685-.021-.947n2.159%202.159%200%200%200-.21-.824%202.12%202.12%200%200%200-.925-.926%202.156%202.156%200%200%200-.824-.21P9.566.25%209.249.25%208.882.25U3.178p-.367%200-.685%200-.947.021n2.156%202.156%200%200%200-.824.21%202.119%202.119%200%200%200-.926.926%202.156%202.156%200%200%200-.21.824p-.021.262-.021.58-.021.947i5.704p0%20.366%200%20.684.021.947.023.277.073.555.21.823.203.4.527.723.926.927.268.136.546.186.824.209.262.021.58.021.947.021u5.704p.366%200%20.684%200%20.947-.021.277-.023.555-.073.823-.21n2.12%202.12%200%200%200%20.927-.925p.136-.269.186-.547.209-.824.021-.263.021-.58.021-.947M%27%20pyvc-ehyr%3Q%27rirabqq%27%2S%253R%253P%2Sfit%253R")} .btn-star-toggle .svg-icon {fill:#000; stroke:#fff} .btn-star-toggle .svg-star {fill:#fff} .btn-star-toggle.on .svg-icon {fill:#ff761b; stroke:none} .article-slide-option .view-nav > [class^="btn-"]::before {border-color:#fff} .article-slide-option .article-btn-group > [class^="btn-"]::after {background:#323235} .article-poll {border:none; background:#1c1c1e} .empathy-wrap {border-width:.5px; border-color:#323235} .article-tag .tag {background:#1c1c1e} .article-wrap > .btn-subscribe, .article-wrap > .btn-subscribe.on {background:#1c1c1e} .article-wrap > .hk-subscribe-link {border:none; background-color:#1c1c1e} .article-wrap > .hk-subscribe-link a:first-child {border-color:#000} .ad-txt-list-wrap, .ad-list-wrap, .recommend-article, .article-label {border-width:.5px; border-color:#323235} .hk-modal .hk-modal-inner, .layer-offcanvas {background:#1c1c1e} .layer-offcanvas .btn-link::after {border-top-color:#fff; border-right-color:#fff} .modal-photoviewer .hk-modal-inner {background:none} .modal-font .font-control-list li::before {background:#000} .modal-journalist .btn-journalist-subscribe {border:none; background-color:#000} .modal-journalist .popular-article {border-width:.5px; border-color:#323235} .article-body hr {border-color:#323235} .article-rel-files dt {color:#5b97ca} .article-rel-files {border-color:#444} .article-body .box-cont {border-color:#323235; background:#1c1c1e} .promotion-floating.bg-white {background:#000; border-color:#323235} .promotion-floating.bg-white .btn-promotion {background:#1c1c1e} .promotion-floating.bg-white .hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)} .promotion-floating2 .promotion-inner {background:#1c1c1e} .comments-sector-hk {border-width:.5px; border-color:#323235} .utility .tools .tool > .badge-num {background:#888} [style="color:black"] {color:#fff !important} body.hankyungpro .header .header-main::before {background: rgba(28,28,30,0.2)} body.hankyungpro.sticky .utility {background:#000} body.hankyungpro .hankyungpro-info {border-color:#323235;} .ad-wrap.bg, .ad-area-wrap.bg {background:#1c1c1e} .breadcrumb a {color:#888 !important} .modal-share .btn-share-twitter.twitter-x::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Spbzzba%2Svzt%2Svpba%2Svpba-gjvggre-pve-k-j.fit')} .summary-news-area {background-color:#1c1c1e; border-color:#323235} .byline-logo.wsj {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sybtb%2Sybtb-jfw-j.fit')} .summary-news-area .txt::before {background:#fff} .article-label .tit-recommand-news::before {background-color:#000} .layer-offcanvas .para.noti {color:#fff} .guest-author-profile {border-color:#323235} }